HydrationError при использовании Next-I18N с Next.js и TypeScript ⇐ Javascript

[Anonymous]

Я пытаюсь реализовать интернационализацию, используя React-I18N в моем приложении Frontend. Потому что сервер рендер HTML не совпадал с клиентом. В результате это дерево будет восстановлено на клиенте. Это может произойти, если используется клиент-компонент SSR-ED , как показано ниже:

Я предполагаю, что это так, потому что это так. Проверки рендеринга на стороне сервера. < /p>
my i18n.ts заключается в следующем: < /p>

Код: Выделить всё

"use client"

import i18next from "i18next";
import { initReactI18next } from "react-i18next";
import LanguageDetector from "i18next-browser-languagedetector";
import resourcesToBackend from "i18next-resources-to-backend"
import enNs from "./public/locales/en.json";
import fiNs from "./public/locales/fi.json";

export const defaultNS = "ns1";

i18next
.use(initReactI18next)
.use(LanguageDetector)
.use(resourcesToBackend((language: any, namespace: any) => import(`./public/locales/${language}.json`)))
.init({
debug: true,
lng: undefined,
fallbackLng: "en",
defaultNS,
resources: {
en: {
ns1: enNs
},
fi: {
ns1: fiNs
},
},
});

export default i18next;

Следующая библиотека I18Next не работает, поскольку это предназначено только для приложений страниц, и я использую приложение приложения.>

Подробнее здесь: https://stackoverflow.com/questions/795 ... typescript