Autocomplete and Validation Not Working with t Function about react-i18next HOT 3 CLOSED

Please provide a minimal but complete example repository for reproduction.

from react-i18next.

btw, based on your code snippets, your resources are defined in a way that myPage is a namespace (not part of the key)...
This means your key is only 'title'
So you would need something like this:

//...
const {t, i18n} = useTranslation('myPage');
//...
// for Trans...
<Trans i18nKey="title"></Trans>
//...
// for t...
t('title')
// or if used directly from exported i18next instance
t('title', { ns: 'myPage' })

from react-i18next.

Hello @adrai,

I've just reviewed my code: t('title', { ns: 'myPage' }), and it turns out that's the solution I needed. I must have overlooked this in the documentation. I am aware that 'myPage' is set up as a multiple namespace, but does work with:

<Trans i18nKey={'myPage:test'} ></Trans>

So I was expecting the t function to work similarly. However, it's working now 👍.

I will go ahead and close this comment. Thanks!

from react-i18next.