import * as i18next from 'i18next';
import * as i18nextXHRBackend from 'i18next-xhr-backend';

// initializing i18n
export default function i18n({locale, baseUrl = ''}) {
  return i18next
    .use(i18nextXHRBackend)
    .init({
      lng: locale,
      fallbackLng: 'en',
      keySeparator: '$',
      interpolation: {
        escapeValue: false
      },
      react: {
        wait: true
      },
      backend: {
        loadPath: `${baseUrl}assets/locale/messages_{{lng}}.json`,
        crossDomain: true
      }
    });
}

// rendering i18n provider
import {I18nextProvider} from 'react-i18next';
ReactDOM.render(
<I18nextProvider i18n={i18n({locale, baseUrl: staticsBaseUrl})}>
    <...>
</I18nextProvider/>)

// get i18n t
import {t} from 'i18next';
t(...)