How fix language change issues in production when no error in console using next-i18next?

Question

my changeLanguage function is not working in production. Using the debug functionality of i18n i do not have any warning, more so the language change is detected correctly each time i click on the select menu. i have log locale on the console and it returns undefined Can someone explain to me what i do wrong, please? See below my changeLanguage

 const changeLanguage = (e) => {
    const locale = e.target.value;
     i18n.changeLanguage(locale);
    router.push(router.pathname, router.asPath, { locale });
  };

Hi @adrai yes, changeLanguage is invoked . I managed to fix the undefined matter by lifting up my locale in my layout component then pass it as props to my navbar . However it is still not changing the language. There is one this that i have noticed different from localhost is that the lang tag in the html is not changing in production. :) — Leo
– Leo, Commented Jul 12, 2022 at 20:47
one more thing i have tried to add the the route /en-us in production it returns error 404 — Leo
– Leo, Commented Jul 12, 2022 at 21:15

illia chill · Accepted Answer · 2022-07-13 10:05:52Z

2

You don't need to have a function to change the locale.

With nextjs you have router(), this fit perfectly to any cases.

Also, you have <Link> with locale property.

1st possible way - change locale with URL. So, you can .map your locales with links and then change it.

<Link href='/test' locale={router.locale} key="your_key">
 <a>test</a>
</Link>

2nd possible way - change with function

router.push("/test", null, {locale: "your_desired_locale_or_variable"})

Your locales are defined in your config file, probably you have en locale and not en-us

answered Jul 13, 2022 at 10:05

illia chill

2,07611 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Leo Over a year ago

it doesn't work

Loudrous Over a year ago

Great Illia! I was forced to use the Link but it wasn't the best choice for me

Collectives™ on Stack Overflow

How fix language change issues in production when no error in console using next-i18next?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related