deskreen/app/configs/i18next.config.client.ts

import i18n from 'i18next';
import { initReactI18next } from 'react-i18next';
import SyncBackend from 'i18next-sync-fs-backend';
import { join } from 'path';
import isDev from 'electron-is-dev';
import config from './app.config';

const i18nextOptions = {
  interpolation: {
    escapeValue: false,
  },
  backend: {
    // path where resources get loaded from
    loadPath: isDev
      ? join(__dirname, './locales/{{lng}}/{{ns}}.json')
      : 'locales/{{lng}}/{{ns}}.json',
    // path to post missing resources
    addPath: isDev
      ? join(__dirname, './locales/{{lng}}/{{ns}}.missing.json')
      : 'locales/{{lng}}/{{ns}}.json',
    // jsonIndent to use when storing json files
    jsonIndent: 2,
  },
  saveMissing: true,
  lng: 'en',
  fallbackLng: config.fallbackLng,
  whitelist: config.languages,
  react: {
    wait: false,
  },
};
i18n.use(SyncBackend);
i18n.use(initReactI18next);

// initialize if not already initialized
if (!i18n.isInitialized) {
  i18n.init(i18nextOptions);
}

export default i18n;