next.js - 如何在 next-i18next 中使用 changeLanguage 方法更改语言环境？

Question

我正在尝试通过单击按钮更改项目中的默认语言环境。我不想通过推送子路径来更改我的 URL，例如fooo.com/fa.

这是我的下一个 i18next配置：

module.exports = {
  i18n: {
    defaultLocale: 'en',
    locales: ['en', 'fa'],
  },
};

这是我更改语言环境和使用它的简单代码：

const { t, i18n } = useTranslation('common');
   ///
<button onClick={() => i18n.changeLanguage('fa')}>
    Click to Change Language
</button>
<p>{t('title')}</p>

但它不起作用并停留在默认的语言环境中，即 EN。