remove i18next related deps

Author: pettinarip

.eslintrc.json

@@ -65,17 +65,6 @@
         "varsIgnorePattern": "^_$"
       }
     ],
-    "unused-imports/no-unused-imports-ts": "warn",
-    "no-restricted-imports": [
-      "warn",
-      {
-        "paths": [
-          {
-            "name": "react-i18next",
-            "message": "Please use next-i18next instead of react-i18next."
-          }
-        ]
-      }
-    ]
+    "unused-imports/no-unused-imports-ts": "warn"
   }
 }

.github/labeler.yml

@@ -16,7 +16,6 @@
 "config ⚙️":
   - i18n.config.json
   - next.config.js
-  - next-i18next.config,js
   - next-sitemap.config.js
   - tsconfig.json
   - .nvmrc

.storybook/ChakraDecorator.tsx

@@ -1,6 +1,6 @@
 import pickBy from "lodash/pickBy"
 
-import { baseLocales } from "./i18next"
+import { baseLocales } from "./next-intl"
 import { breakpointSet } from "./preview"
 
 export const viewportModes = breakpointSet.reduce<{

.storybook/i18next.ts

@@ -52,7 +52,7 @@ Markdown will be translated as whole pages of content, so no specific action is
 
   - _tl;dr Each individual JSON entry should be a complete phrase by itself_
 
-- This is done using the `Translation` component. However there is an alternative method for regular JS: using the `t` function from `next-i18next`
+- This is done using the `Translation` component. However there is an alternative method for regular JS: using the `t` function from `@/hooks/useTranslation`
 
   - **Method one: `<Translation />` component (preferred if only needed in JSX)**
 

.storybook/modes.ts

@@ -64,12 +64,10 @@
     "framer-motion": "^10.13.0",
     "gray-matter": "^4.0.3",
     "htmr": "^1.0.2",
-    "i18next": "^23.6.0",
     "lodash.merge": "^4.6.2",
     "lodash.shuffle": "^4.2.0",
     "lodash.union": "^4.6.0",
     "next": "^14.2.21",
-    "next-i18next": "^14.0.3",
     "next-intl": "^3.26.3",
     "next-mdx-remote": "^3.0.8",
     "next-sitemap": "^4.2.3",
@@ -81,7 +79,6 @@
     "react-dom": "^18.2.0",
     "react-emoji-render": "^2.0.1",
     "react-hook-form": "^7.52.1",
-    "react-i18next": "^13.3.1",
     "react-icons": "^4.10.1",
     "react-lite-youtube-embed": "^2.4.0",
     "react-select": "5.8.0",

docs/best-practices.md

@@ -2,7 +2,6 @@ import type { Options } from "mdast-util-toc"
 import type { NextPage } from "next"
 import type { AppProps } from "next/app"
 import type { StaticImageData } from "next/image"
-import type { SSRConfig } from "next-i18next"
 import type { ReactElement, ReactNode } from "react"
 import type { ColumnDef } from "@tanstack/react-table"
 
@@ -55,8 +54,10 @@ export type Root = {
   lastDeployLocaleTimestamp: string
 }
 
-export type BasePageProps = SSRConfig &
-  Pick<Root, "contentNotTranslated" | "lastDeployLocaleTimestamp">
+export type BasePageProps = Pick<
+  Root,
+  "contentNotTranslated" | "lastDeployLocaleTimestamp"
+>
 
 export type Params = {
   locale: string

package.json

@@ -7,7 +7,6 @@ import type {
   GetStaticProps,
   InferGetStaticPropsType,
 } from "next/types"
-import type { SSRConfig } from "next-i18next"
 import { MDXRemote, type MDXRemoteSerializeResult } from "next-mdx-remote"
 import { serialize } from "next-mdx-remote/serialize"
 import { getPlaiceholder } from "plaiceholder"
@@ -108,11 +107,10 @@ export const getStaticPaths = (() => {
   }
 }) satisfies GetStaticPaths<Params>
 
-type Props = Omit<Parameters<LayoutMappingType[Layout]>[0], "children"> &
-  SSRConfig & {
-    mdxSource: MDXRemoteSerializeResult
-    gfissues: Awaited<ReturnType<typeof fetchGFIs>>
-  }
+type Props = Omit<Parameters<LayoutMappingType[Layout]>[0], "children"> & {
+  mdxSource: MDXRemoteSerializeResult
+  gfissues: Awaited<ReturnType<typeof fetchGFIs>>
+}
 
 const commitHistoryCache: CommitHistory = {}
 

src/lib/types.ts

@@ -1,5 +1,4 @@
 import { GetStaticProps } from "next"
-import { useTranslation } from "next-i18next"
 
 import type { BasePageProps, Lang, Params } from "@/lib/types"
 
@@ -20,6 +19,7 @@ import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
 import { DEFAULT_LOCALE, LOCALES_CODES } from "@/lib/constants"
 
+import useTranslation from "@/hooks/useTranslation"
 import loadNamespaces from "@/i18n/loadNamespaces"
 import { usePathname } from "@/i18n/routing"
 import Callout2Image from "@/public/images/layer-2/learn-hero.png"