Quería organizar mejor los archivos de traducción de idioma de mi proyecto al tener que anidar objetos en el archivo de idioma.

• Sin anidar todo funciona bien
• Incluso anidando objetos, puedo acceder a ellos pasando el directorio de atributos en la función t() (es decir: t('sección.subsección.texto')
• La solución de la documentación no me funciona y no sé por qué.

Ya intenté imprimir la instancia de useTranslation para ver si estaba recibiendo el valor "keyPrefix", pero siempre dice "indefinido" en la función t o fixedT.

el archivo lang es así:

 export const en = { section:{ subsection:{ text:'my text', } } }

el archivo donde uso el enlace useTranslation:

 const { t } = useTranslation('section', { keyPrefix: 'subsection' }); <h1>{t('text')}</h1>

esto está tomado de la documentación

 // having resources like this: /*{ "translation": { "very": { "deeply": { "nested": { "key": "here" } } } } }*/ // you can define a keyPrefix to be used for the resulting t function const { t } = useTranslation('translation', { keyPrefix: 'very.deeply.nested' }); const text = t('key'); // "here"