Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

I18nextProvider and testing recipe doesn't work with i18next v21.0.1 (typecheck error)

See original GitHub issue

🐛 Bug Report

After upgrade of i18next from 20.6.1 to v21.0.1 the code related to react-i18next / testing without stubbing complains about a missing reportNamespaces prop when instanciating the react-i18next provider.

Error output:

error TS2741: Property 'reportNamespaces' is missing in type 
'import("/home/sebastien/github/nextjs-monorepo-example/node_modules/i18next/index").i18n' 
but required in type 
'import("/home/sebastien/github/nextjs-monorepo-example/node_modules/next-i18next/node_modules/i18next/index").i18n'.

To Reproduce

You can reproduce it on this branch: https://github.com/belgattitude/nextjs-monorepo-example/pull/458 or see the error message on the CI here: https://github.com/belgattitude/nextjs-monorepo-example/pull/458/checks?check_run_id=3672972037

Example code (was working on i18next < 21):

import i18n from 'i18next';
import type { FC } from 'react';
import { initReactI18next, I18nextProvider } from 'react-i18next';

/**
 * Fully wrapped strategy for i18next, you can use stub/mocks as well
 * @link {https://react.i18next.com/misc/testing}
 */
i18n.use(initReactI18next).init({
  lng: 'en',
  fallbackLng: 'en',
  ns: ['common'],
  defaultNS: 'common',
  debug: false,
  interpolation: {
    escapeValue: false, // not needed for react!!
  },
  // Let empty so you can test on translation keys rather than translated strings
  resources: { en: { common: {} } },
});

export const I18nextTestStubProvider: FC = ({ children }) => {
  // THIS BREAKS AND COMPLAIN ABOUT MISSING reportNamespaces prop in i18n 
  return <I18nextProvider i18n={i18n}>{children}</I18nextProvider>;
};

Output log

error TS2741: Property 'reportNamespaces' is missing in type 
'import("/home/sebastien/github/nextjs-monorepo-example/node_modules/i18next/index").i18n' 
but required in type 
'import("/home/sebastien/github/nextjs-monorepo-example/node_modules/next-i18next/node_modules/i18next/index").i18n'.