i18next-react useTranslation with version 22+ requires wrapping t function into <></>

I have a project based on Ant Design and, after upgrading to version 22+ (22.0.4 to be precise), I see the following problem:

I can workaround it by wrapping t function into <></>, but refactoring whole project because of that is a bit of a pain. I was able to re-construct issue in a playground project in a separate brunch (and you can compare to main where issue doesn’t exist with a previous version): https://github.com/kirill-linnik/react-redux/tree/i18next-trouble

checkout, do yarn - and VSCode shows you error at Main.tsx line 58. yarn start does the same,

[pedrodurek]

Hey @kirill-linnik, it seems message don’t accept null, but t function could return null. I’d advice to fallback to something else. E.g.: t('key') ?? ''

[badsyntax]

If you want to make the t function fully type-safe, follow the instructions here https://www.i18next.com/overview/typescript

How can we use the custom types in i18next.d.ts to set the t() function to only return string? this is a pretty major breaking change and i really don’t want to do t('key') ?? '' everywhere.