Basic i18n set up

i18n.js

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

const DETECTION_OPTIONS = {
  order: ['navigator']
};

i18n
  .use(Backend) // Automatically detects translation files
  .use(initReactI18next)
  .use(LanguageDetector) // Autommatically detects the browser's language
  .init({
    detection: DETECTION_OPTIONS, // Detection options
    fallbackLng: "en", // If does not find the language of the browser, is going to use english as a default language 
    react: {
      useSuspense: true
    }
  });

export default i18n;