Replies: 2 comments 3 replies
-
|
You need to disable suspense usage in the i18next config, it’s mentioned on the README. |
Beta Was this translation helpful? Give feedback.
-
|
I already did it: export const i18nConf = {
supportedLngs: ["en", "it"],
fallbackLng: "en",
defaultNS: "translation",
react: { useSuspense: false },
}; |
Beta Was this translation helpful? Give feedback.
-
|
And are you passing that to i18next when you init it server side? |
Beta Was this translation helpful? Give feedback.
-
|
Maybe I just do better to post the code
export const i18nConf = {
supportedLngs: ["en", "it"],
fallbackLng: "en",
defaultNS: "translation",
react: { useSuspense: false },
};
import Backend from "i18next-fs-backend";
import { resolve } from "path";
import { RemixI18Next } from "remix-i18next";
import { i18nConf } from "./i18n";
export const i18n = new RemixI18Next({
detection: {
supportedLanguages: i18nConf.supportedLngs,
fallbackLanguage: i18nConf.fallbackLng,
},
i18next: {
...i18nConf,
backend: {
loadPath: resolve("./langs/{{ns}}.json"),
},
},
backend: Backend,
});
import { RemixBrowser } from "@remix-run/react";
import i18next from "i18next";
import LanguageDetector from "i18next-browser-languagedetector";
import Backend from "i18next-fs-backend";
import { hydrate } from "react-dom";
import { I18nextProvider, initReactI18next } from "react-i18next";
import { getInitialNamespaces } from "remix-i18next";
import { i18nConf } from "./config/i18n";
i18next
.use(initReactI18next)
.use(LanguageDetector)
.use(Backend)
.init({
...i18nConf,
ns: getInitialNamespaces(),
backend: { loadPath: "/config/{{lng}}.json" },
detection: {
order: ["htmlTag"],
caches: [],
},
})
.then(() =>
hydrate(
<I18nextProvider i18n={i18next}>
<RemixBrowser />
</I18nextProvider>,
document,
),
);
import type { EntryContext } from "@remix-run/node";
import { RemixServer } from "@remix-run/react";
import { createInstance } from "i18next";
import Backend from "i18next-fs-backend";
import { resolve } from "path";
import { renderToString } from "react-dom/server";
import { I18nextProvider, initReactI18next } from "react-i18next";
import { i18n } from "./config/i18n.server.";
export default async function handleRequest(
request: Request,
responseStatusCode: number,
responseHeaders: Headers,
remixContext: EntryContext,
) {
let instance = createInstance();
let lng = await i18n.getLocale(request);
let ns = i18n.getRouteNamespaces(remixContext);
await instance
.use(initReactI18next)
.use(Backend)
.init({
...i18n,
lng: lng,
ns,
backend: {
loadPath: resolve("./config/{{lng}}.json"),
},
});
let markup = renderToString(
<I18nextProvider i18n={instance}>
<RemixServer context={remixContext} url={request.url} />
</I18nextProvider>,
);
responseHeaders.set("Content-Type", "text/html");
return new Response("<!DOCTYPE html>" + markup, {
status: responseStatusCode,
headers: responseHeaders,
});
} |
Beta Was this translation helpful? Give feedback.
-
|
I completely rewrite the entire code, now works. Probably I misspelled something. |
Beta Was this translation helpful? Give feedback.
-
In Remix 1.6.7 I kept get the error on
entry.server.tswhen callBeta Was this translation helpful? Give feedback.
All reactions