react-i18next: Hit typedscript error when using useTranslation hook (TS2589: Type instantiation is excessively deep and possibly infinite.)

🐛 Bug Report

Hit ts error when upgrading to a newer version of i18next.

TS2589: Type instantiation is excessively deep and possibly infinite.

To Reproduce

• minimal reproducible example.
  • The project is a clean react ts template (created from npx create-react-app i18n-issue --template typescript)
  • i18next related change is in this commit
• step to reproduce the error

Note:

hit this issue with following version:

• “react-i18next”: “^13.3.2”,
• “i18next”: “^23.7.1”,

if downgrade to this version, issue is gone:

• “react-i18next”: “^11.18.3”,
• “i18next”: “^21.8.16”,

Expected behavior

Project run and build fine

Your Environment

• runtime version: i.e. node v21.1.0, chrome
• i18next version: i.e. 23.7.1
• os: Mac