UseTranslation не работает в реакции/машинописи

У меня есть проект, написанный с помощью реакции/машинописи, и я хочу изменить язык. Я использую i18n, но когда я использую useTranslation для смены языка, это не работает.

пакеты:

"i18next": "22.4.9",
"react-i18next": "12.1.4"

i18n -> config.js

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';

i18n.use(initReactI18next).init({
  fallbackLng: 'en',
  lng: 'en',
  resources: {
    en: {
      translations: require('./locales/en/translations.json')
    }
  },
  ns: ['translations'],
  defaultNS: 'translations'
});

i18n.languages = ['en'];

export default i18n;

i18n -> локали -> en -> translations.json

{    
    "errorMessage": "Please try again later."
}

App.tsx

import { useTranslation } from 'react-i18next';

const App = () => {

    const { t } = useTranslation();

    return (<>
        {t('errorMessage')}
    </>)
}

export default App

При запуске я вижу это:

сообщение об ошибке

вместо

Пожалуйста, повторите попытку позже.

Что мне не хватает?