next.js - ロケールを変更するために next-i18next で changeLanguage メソッドを使用するには?

Question

ボタンをクリックするだけで、プロジェクトのデフォルトのロケールを変更しようとしています。のようなサブパスをプッシュして URL を変更したくありませんfooo.com/fa。

これが私の next-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 であるデフォルトのロケールでスタックします。