CODEWITHSUNDEEP
reactjsi18next
joseph smith
joseph smith

Reputation: 143

How to change i18next default language in reactjs

i18n default language is english or en how can i change it from configuration?

here is my configuration

import i18n from "i18next";
import Backend from "i18next-xhr-backend";
import LanguageDetector from "i18next-browser-languagedetector";
import { initReactI18next } from "react-i18next";

const fallbackLng = ["nl"];
const availableLanguages = ["nl", "en"];

i18n
  .use(Backend) 
  .use(LanguageDetector) 
  .use(initReactI18next)
  .init({
    fallbackLng, 
    debug: false,
    whitelist: availableLanguages,
    interpolation: {
      escapeValue: false,
    },
  });

export default i18n;

Upvotes: 0

Views: 1643

Answers (1)

Giovanni Esposito
Giovanni Esposito

Reputation: 11176

i18next Configuration Options suggests to use lng option to override language detection in this way:

i18n
  .use(Backend) 
  .use(LanguageDetector) 
  .use(initReactI18next)
  .init({
    lng: 'nl', 
    debug: false,
    whitelist: availableLanguages,
    interpolation: {
      escapeValue: false,
    },
  });

This should solve your problem.

Upvotes: 1

Related Questions