python (65.1k questions)

javascript (44.2k questions)

reactjs (22.7k questions)

java (20.8k questions)

c# (17.4k questions)

html (16.3k questions)

r (13.7k questions)

android (12.9k questions)

Questions - react-i18next

React Router V6 nested Routes with i18n

I have a question about React Router V6 nested with i18n. This is my first multi-language service. const MainPage:React.FC = () => { const lang = i18n.language; return ( <> &l...
test-img

Jerry

javascript

reactjs

react-router

react-i18next

nested-routes

Votes: 0

Answers: 3

Latest Answer

Issue The error 'This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.' means the parent route isn't rendering an Outlet component for the ...
test-img

Drew Reese

Type error while passing i18next instance to I18nextProvider

Error: Type 'Promise' is missing the following properties from type 'i18n': t, init, loadResources, use, and 32 more.ts(2740) index.d.ts(344, 3): The expected type comes from property 'i18n' which is...
test-img

Kaan Hakan Akın

reactjs

typescript

i18next

react-i18next

Votes: 0

Answers: 1

Latest Answer

// this returns a promise not an i18n instance export default i18n.use(initReactI18next).init({ fallbackLng: "en", debug: NODE_ENV === "development" }); this should work: // ...
test-img

adrai

useState hook behaves differently than expected

I have a simple language selector (en, cs) in my React app using i18next. The change of the language (applying all the translations and re-rendering the app) takes around 2 seconds. In the meantime, I...
test-img

koubin

reactjs

use-state

i18next

react-i18next

Votes: 0

Answers: 2

Latest Answer

try this code instead of your function and remove useEffect const handleChangeLanguage = async(lang) => { setIsLoading(true); try { const res = await i18n.changeLanguage(lang); s...
test-img

Eisa Rezaei

i18next not detecting language variation, eg: en-us

When I set in my browser a language variation, for example: English (United States) / en-us. The i18next library doesn't detect that variation and just loads the next language in the list, for example...
test-img

Juanma Menendez

reactjs

internationalization

translation

i18next

react-i18next

Votes: 0

Answers: 2

Latest Answer

In order to make i18Next detect language variations, you have to add: nonExplicitSupportedLngs: true, in the i18next config file, for example: i18next ... .use(LanguageDetector) .init({ ...
test-img

Juanma Menendez

Posts

Questions

Blogs

Jobs