Cannot 'changeLanguage' with 'next-i18next'

Describe the bug

This may be a confusion on my part on how to use ‘next-18next’, but as I understand it is a wrapper for ‘i18next’ and ‘react-i18next’, and in those I should be able to call changeLanguage. Here I can’t do that – changeLanguage is not a function, and I don’t see it anywhere. How do I access changeLanguage (and other i18Next functions) from the singleton I created like this?

const NextI18Next = require('next-i18next');

const NextI18NextInstance = new NextI18Next({
  defaultLanguage: 'es',
  otherLanguages: ['de'],
});

module.exports = NextI18NextInstance;

Occurs in next-i18next version

0.27.0

Steps to reproduce

import i18NextInstance, { withNamespaces } from ‘…/…/…/i18n’;

i18NextInstance.changeLanguage('de');

Expected behaviour

Should change the language

[capellini]

Hi @robert-barcelona. Please see our example index page for how to do this.

Instead of the default import, what we normally recommend is to import the named i18n import that has the changeLanguage method.

import { i18n } from '../../../i18n'

i18n.changeLanguage('de')

[isaachinman]

Ah, I get what you’re asking. No, next-i18next relies directly on the first class NextJs internationalised routing, and the NextJs router itself keeps track of the locale. You would need to make this request upstream to NextJs themselves.