Type instantiation is excessively deep and possibly infinite.

🐛 Bug Report

Typescript generate this warning when I’m trying to setting up library.

Type instantiation is excessively deep and possibly infinite.

I’ve research around and please do note that:

• I had completely followed setup instruction on the official page to create react-i18next.d.ts file.
• I had no empty array in my translation files
• The warning disappear when I remove react-i18next.d.ts file.

To Reproduce

const resources = { ... } as const;

export const defaultNS = 'translation'

i18n
.use(initReactI18next)
.init({
    resources,
    lng: language,
    fallbackLng: 'en',
    debug: false,
    defaultNS,
    supportedLngs: ['cn', 'en'],
})

export default i18n;

And I got the warning here (for some translation, not every translation) label={t('common:button.confirm')} => Type instantiation is excessively deep and possibly infinite.ts(2589)

Expected behavior

Expect not to show the warning.

Your Environment

• runtime version: node’s v14.15.5
• i18next version:^20.6.1
• react-i18next: ^11.12.0
• typescript: ~4.0.0
• os: Mac

[innonguyen]

@pedrodurek After weeks of investigation, I found the problem.

Firstly, the mistake comes from my side when I forgot to export const resources = {} as const. This will lead to Type instantiation is excessively deep and possibly infinite

Secondly, When I export it. New issue comes with “No matching overload”. And I found that your document and your example are not aligned together.

Document show this code https://react.i18next.com/latest/typescript

But your example show this code https://github.com/i18next/react-i18next/blob/master/example/react-typescript4.1/namespaces/%40types/react-i18next/index.d.ts

What show in example is correct. I hope you should update your instruction on official document

[pedrodurek]

Hey @innonguyen, thanks for letting me know, I’ll update the code example. Even though the old way is deprecated, both approaches should be working.