useRouter not updating locale when changing language via i18n.changeLanguage()

Bug report

Describe the bug

When changing language via a select or toggle using i18n.changeLanguage(), the router active locale does not update to the new language.

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

1. app with react-i18next setup with default options
2. call i18n.changeLanguage() on click or in a select menu and toggle between difference languages/translations

const handleLocaleChange = useCallback(
    (value: Locales) => {
      const localeString: Locales = value as Locales;
      i18n.changeLanguage(localeString);
    },
    [language],
  );

I am getting expected behavior for language translation, but router is not updating.

Expected behavior

i18n config for nextjs would honor the changed language and update url paths accordingly

Screenshots

System information

• OS: [ Windows]
• Browser (if applies) edge
• Version of Next.js: [10.0.0]
• Version of Node.js: [latest]

[balazsorban44]

I think it is up to those packages to leverage the new Next.js i18n capabilities. Since they were announced today it may take some time before those are updated, but probably worth a shot to open an issue there.

[santialbo]

react-i18next, despite the name, has nothing to do with next.js. You need to handle the logic yourself here or have a single source of truth.