Is there a way to colocate the translation files with my React components?

[npearson72]

Similar to css modules, tests, ect... I'd like to add my locale files next to my React components.

Imagine some deeply nested directory:

Foo.locale.json <-- Here my translation file is near my component
Foo.module.scss
Foo.text.tsx 
Foo.tsx 

This would be consistent with the general benefits of colocation, and would reduce the complexity of name spacing, key prefixes, general organizational concerns, ects.

Is this already possible but I've missed it in the docs? If not, has anyone jerry rigged their own similar solution?

[jamuhl]

not supported from our modules - but that request was also requested by others -> you should be able to find a solution in already closed issues: eg. i18next/react-i18next#299 (comment)

[jamuhl]

just to add - not supported by our modules - means just not supported without adding a little extra code by yourself

[npearson72]

Thanks for the reply