Correct way to use i18n.t() inside index.ts files in React + TypeScript application about i18next

[adrai]

?

[telam]

Sorry, that was a horrible description.

Let me give you some more context. I am working on a React + TypeScript application that also uses Vite. I've previously used i18next in a React JSX only application without issues. However, in the new project that I'm working on I have a handful of index.ts files that export routes for the main application that use the i18n.t() function for the titles of the routes. I'm sure it's something I'm doing wrong but I keep getting this warning: i18next: hasLoadedNamespace: i18next was not initialized because the i18n.t() is getting executed obviously before it's ready.

I came across the file after reading this issue: i18next/react-i18next#977

I believe my issue actually has something to do with the createBrowserRouter() in react router version 6.x.x. and the fact that it's initializing my routes before i18n is actually ready.