Translation outside React Component

I tried to translate strings exported outside React Components. But any methods in docs doesn’t work, and I guess its normal, because its typically React methods.

I’ve found similar topic, and there it is solution about importing instance. But, when I do it I’ve had an error:

 Invariant Violation: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://fb.me/react-invalid-hook-call for tips about how to debug and fix this problem.

Probably it because of this line in the instance:

i18n
    .use(initReactI18next) 

When I delete this line, the error is gone, but the translations are not included. How can I plug this simple .js file to React translations?

[jamuhl]

Outside of react components just use the i18next instance:

import i18n from `./i18n`

i18n.t(...);

Just be aware of the normal catch you’s:

• there is nothing asserting translations are loaded when calling that t function!!! so make sure you use it on the right timing or use something like: https://www.i18next.com/overview/api#loadnamespaces to assert loaded all stuff needed

[jamuhl]

i18n.t returns a string — right?

export default { foo: 'bar' } — exports an object with a string foo — right? export default { foo: i18n.t('foo') } — still exports an object with a string foo — right?

how does a string magically changes? - it does not — right?

So this might work?

import { i18n } from './i18n';

const myExport = {};

function fill() {
  myExport.foo = i18n.t('foo');
}

// run it initial
fill();

// bind some events and fill values again (doing the magic you expect to happen magically)
i18n.on('languageChanged init',() => {
  fill(); // fills myExport with new value for foo based on current i18n lng
});

// export the const
export default myExport;