Tengo una aplicación heredada en la que tengo que usar la traducción. para eso estoy instalando debajo de la dependencia.

"i18next": "^21.6.3", "reaccionar-i18next": "^9.0.10",

i18n.js

 import i18n from 'i18next'; import { reactI18nextModule } from 'react-i18next'; import translationEN from '../public/locales/en/translation.json'; // the translations const resources = { en: { translation: translationEN, }, }; i18n .use(reactI18nextModule) // passes i18n down to react-i18next .init({ resources, lng: 'en', keySeparator: false, // we do not use keys in form messages.welcome interpolation: { escapeValue: false, // react already safes from xss }, }); export default i18n;

Todavía no estoy haciendo nada, solo estoy importing este archivo en mi class component y comenzó a dar el siguiente error. No estoy seguro de qué error estoy cometiendo.