import i18n from 'i18next'; import LanguageDetector from 'i18next-browser-languagedetector'; import { initReactI18next } from 'react-i18next'; import HttpApi from 'i18next-http-backend'; const config = { backend: { loadPath: '/static/locales/{{lng}}.json', allowMultiLoading: false, // set loadPath: '/locales/resources.json?lng={{lng}}&ns={{ns}}' to adapt to multiLoading crossDomain: false, withCredentials: false, overrideMimeType: false, reloadInterval: false, // can be used to reload resources in a specific interval (useful in server environments) }, fallbackLng: 'en', debug: false, // have a common namespace used around the full app ns: ['translations'], defaultNS: 'translations', keySeparator: false, // we use content as keys interpolation: { escapeValue: false, formatSeparator: ',', }, react: { useSuspense: false, }, }; i18n.use(HttpApi).use(LanguageDetector).use(initReactI18next).init(config); export default i18n;