Localization Provider

i18n.js

import React, { Component } from "react";
import PropTypes from "prop-types";
import Polyglot from "node-polyglot";

// for example
import translations from "../my-translations.json";

class I18nProvider extends Component {
  static propTypes = {
    locale: PropTypes.string.isRequired,
    children: PropTypes.node.isRequired
  };

  static contextTypes = {
    t: PropTypes.func,
    locale: PropTypes.string
  };

  static childContextTypes = {
    t: PropTypes.func.isRequired,
    locale: PropTypes.string.isRequired
  };

  getChildContext() {
    const { locale } = this.props;
    
    const polyglot = new Polyglot({
      locale: locale,
      phrases: translations,
    });

    const t = polyglot.t.bind(polyglot);

    return { t, locale };
  }

  render() {
    const { children } = this.props;

    return React.Children.only(children);
  }
}