feat: upgrade next and i18n

i18next.d.ts

@@ -0,0 +1,9 @@
+import 'i18next'
+
+declare module 'i18next' {
+  interface CustomTypeOptions {
+    // This is set to prevent i18next's t function to return null
+    // https://github.com/i18next/next-i18next/issues/2038
+    returnNull: false
+  }
+}

package.json

@@ -25,11 +25,12 @@
     "csstype": "^3.1.1",
     "dayjs": "^1.11.7",
     "emoji-regex": "^10.2.1",
+    "i18next": "^22.4.9",
     "ioredis": "^5.3.0",
     "jszip": "^3.10.1",
     "mpegts.js": "^1.7.2",
-    "next": "^12.3.1",
-    "next-i18next": "^12.1.0",
+    "next": "^13.1.5",
+    "next-i18next": "^13.0.3",
     "nextjs-progressbar": "^0.0.16",
     "plyr-react": "^5.1.2",
     "preview-office-docs": "^1.0.2",
@@ -41,6 +42,7 @@
     "react-dom": "^18.2.0",
     "react-hot-toast": "^2.4.0",
     "react-hotkeys-hook": "^3.4.7",
+    "react-i18next": "^12.1.4",
     "react-markdown": "^8.0.5",
     "react-reader": "^0.21.3",
     "react-syntax-highlighter": "^15.5.0",
@@ -56,17 +58,17 @@
   "devDependencies": {
     "@types/cors": "^2.8.13",
     "@types/crypto-js": "^4.0.2",
-    "@types/node": "18.8.3",
-    "@types/react": "18.0.21",
+    "@types/node": "18.11.18",
+    "@types/react": "18.0.27",
     "@types/react-copy-to-clipboard": "^5.0.4",
-    "@types/react-dom": "^18.0.6",
-    "@types/react-pdf": "^5.0.4",
+    "@types/react-dom": "^18.0.10",
+    "@types/react-pdf": "^6.2.0",
     "@types/react-syntax-highlighter": "^15.5.6",
     "autoprefixer": "^10.4.13",
     "eslint": "8.32.0",
-    "eslint-config-next": "12.3.1",
+    "eslint-config-next": "13.1.5",
     "eslint-config-prettier": "^8.6.0",
-    "i18next-parser": "^6.6.0",
+    "i18next-parser": "^7.6.0",
     "postcss": "^8.4.21",
     "prettier": "^2.8.3",
     "prettier-plugin-tailwindcss": "^0.2.2",

pages/_document.tsx

@@ -9,7 +9,7 @@ class MyDocument extends Document {
           <meta name="description" content="OneDrive Vercel Index" />
           <link rel="icon" href="/favicon.ico" />
           <link rel="preconnect" href="https://fonts.googleapis.com" />
-          <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="true" />
+          <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
           {siteConfig.googleFontLinks.map(link => (
             <link key={link} rel="stylesheet" href={link} />
           ))}