title: i18next translation outside component
body: <p>I'm new for i18next, trying to localize/translate website. Everything works for translation inside of component, but outside (means json files with i18n.t() it doesn't retrieve needed information, instead showing default value.</p>
  
  <p>I'm using create-react-app and it's default settings for folders reference, maybe this is the key problem, but I can't find out why and what to change.</p>
  
  <pre><code>import i18n from '../../i18n';
  
  
  const navigation = [
      {
          'id'      : 'dashboard',
          'title'   : i18n.t('analytics.title', 'NOT FOUND'),
          'type'    : 'group',
          'icon'    : 'apps',
  
      }
    ]
  
  export default navigation;
  </code></pre>
  
  <p>And here is settings for i18n.js file:</p>
  
  <pre><code>import i18n from "i18next";
  import Backend from 'i18next-xhr-backend';
  import { initReactI18next } from 'react-i18next';
  import detector from "i18next-browser-languagedetector";
  
  i18n
  
    .use(detector)
    .use(Backend)
    .use(initReactI18next)
    .init({
      lng: localStorage.getItem('language') || 'en',
      backend: {
        /* translation file path */
        loadPath: '/assets/i18n/{{ns}}/{{lng}}.json'
      },
      fallbackLng: ['en', 'se', 'da'],
      debug: true,
      ns: ['translations'],
      defaultNS: 'translations',
      keySeparator: false,
      interpolation: {
        escapeValue: false,
        formatSeparator: ','
      },
      react: {
        wait: true
      }
  
    })
  
    export default i18n;
  </code></pre>
  
  <p>and for index.js:</p>
  
  <pre><code>import 'typeface-muli';
  import './react-table-defaults';
  import './react-chartjs-2-defaults';
  import { I18nextProvider } from "react-i18next";
  import i18n from "./i18n";
  import './styles/index.css';
  import React from 'react';
  import ReactDOM from 'react-dom';
  import * as serviceWorker from './serviceWorker';
  import App from 'app/App';
  
   ReactDOM.render(
     &lt;I18nextProvider i18n={i18n}&gt;
     &lt;App /&gt;
     &lt;/ I18nextProvider&gt;
     ,
     document.getElementById('root'));
  
  serviceWorker.unregister();
  </code></pre>
  
  <p>I'm just getting default : 'NOT FOUND'...</p>