React + i18next

hello_world.jsx

import React from "react";
import i18n from "path/to/i18n.js";

const HelloWorld = () => {
  return(<p>{ i18n.t("hello") }</p>);
}

export default HelloWorld;

i18n.js

import i18next from "i18next";
import LanguageDetector from "i18next-browser-languagedetector";
import enLocalesTranslationJson from "json5-loader!locales/en";
import jaLocalesTranslationJson from "json5-loader!locales/ja";

i18next.use(LanguageDetector).init({
  fallbackLng: "ja",
  debug: true,
  resources: {
    en: {translation: enLocalesTranslationJson},
    ja: {translation: jaLocalesTranslationJson},
  },
});

export default i18next;