TS Throws "Type instantiation is excessively deep and possibly infinite. (TS2589)"

[W3ND31]

🐛 Bug Report

A clear and concise description of what the bug is.

TS Throws "Type instantiation is excessively deep and possibly infinite. (TS2589)"

To Reproduce

My configuration is as follow:

File structure

Code exemple (with error) https://codesandbox.io/s/peaceful-hypatia-m5fwf?file=/src/App.tsx

Expected behavior

A clear and concise description of what you expected to happen.

I expected that this error doesn't exist

Your Environment

• runtime version: node v16
• i18next version: 21.5.2
• os: Linux (Manjaro Gnome)

[adrai]

react-i18next/ts4.1/index.d.ts

Line 15 in f454af5

* Due to a limitation/bug on typescript 4.1 (https://github.com/microsoft/TypeScript/issues/41406), we added

#1222

[pedrodurek]

Hey @W3ND31, It's not possible to iterate over the keys (to infer the proper type) when relying on index signature. You should remove the extends ResourceLanguage from your interface.

[W3ND31]

Hey @W3ND31, It's not possible to iterate over the keys (to infer the proper type) when relying on index signature. You should remove the extends ResourceLanguage from your interface.

@pedrodurek Worked but with a little "workaround".

When i remove the extends ResourceLanguage from the interface, on /i18n/index.ts gives an error that could only be resolved with the casting on locales file (as you can see here https://codesandbox.io/s/peaceful-hypatia-m5fwf?file=/src/i18n/locales/index.ts)

So, thanks for your help!