Это мой код
import React, { Suspense } from 'react';
import { useTranslation } from 'react-i18next';
function Page() {
const { t, i18n } = useTranslation();
const changeLanguage = lng => {
i18n.changeLanguage(lng);
};
return (
<div className="App">
<div className="App-header">
<button onClick={() => changeLanguage('de')}>de</button>
<button onClick={() => changeLanguage('en')}>en</button>
</div>
<div>{t('test')}</div>
</div>
);
}
export default function App() {
return (
<Suspense fallback={<div>loading...</div>}>
<Page />
</Suspense>
);
}
когда я нажимаю на de enкнопку. Я получаю эту ошибку. Ошибка типа: i18n.changeLanguage не является функцией. Как исправить?