Type 'Promise<TFunction>' is missing the following properties from type 'i18n'

Describe the bug Hello,

I’m trying to migrate from lower version to latest one. I updated i18next, react-i18next and solved many issues (like replacing withNamespaces to withTranslation etc.) but I cannot handle one error. I got error TS2740: Type 'Promise<TFunction>' is missing the following properties from type 'i18n': init, loadResources, use, modules, and 26 more.

As you can see I’m using it with Typescript.

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

const i18n = i18n
    .use(initReactI18next)
    .init({
        fallbackLng: 'en',
        debug: true,
    });

export default i18n;

The error appears on my tests cases but also if I want to use it with I18nextProvider

import {I18nextProvider} from 'react-i18next';
import i18n from '@/i18n/i18n';

<I18nextProvider i18n={i18n}>
</I18nextProvider>

Occurs in react-i18next version “i18next”: “^15.0.9”, “react-i18next”: “^10.6.2”,

[jamuhl]

// this returns a promise not an i18n instance
export default i18n.use(initReactI18next).init({
  fallbackLng: "en",
  debug: NODE_ENV === "development"
});

this should work:

// don't care for the promise
i18n.use(initReactI18next).init({
  fallbackLng: "en",
  debug: NODE_ENV === "development"
});

// just return the instance you have
export default i18n;

or await the promise (this will only work with top level await support):

export default await i18n.use(initReactI18next).init({
  fallbackLng: "en",
  debug: NODE_ENV === "development"
});

[rosskevin]

If you are mocking and not fulfilling the static type, you’ll need to cast to any.