title: React translations with component i18next do not apply response from backend
body: <p>Hi i am using react translation in my project from i18next. I need load json data from backend. I found this <a href="https://github.com/i18next/i18next-xhr-backend" rel="nofollow noreferrer">https://github.com/i18next/i18next-xhr-backend</a>. But when i call it console tell me <code>i18next::translator: missingKey en translation Sign in Sign in</code>, but in debug I get correct response. I just import i18next in index.js like this -> </p>
  
  <p><code>import i18n from "./core/i18n";</code></p>
  
  <p>And here is my i18n</p>
  
  <pre><code>import i18n from "i18next";
  import { reactI18nextModule } from "react-i18next";
  import backend from "i18next-xhr-backend";
  
  18n
  .use(backend)
  .use(reactI18nextModule) // passes i18n down to react-i18next
  .init({
      backend: {
          loadPath         : process.env.API_URL + '/api/dictionaries/',
          allowMultiLoading: false,
          crossDomain      : false
      },
      lng: "en",
      fallbackLng: "en",
  
      keySeparator: false, // we do not use keys in form messages.welcome
  
      interpolation: {
          escapeValue: false // react already safes from xss
      },
      debug: true,
      react: {
          wait: true
      }
  });
  </code></pre>
  
  <p>Can you help me please? I don't know what I am doing wrong. </p>
  
  <p>Thanks </p>
  
  <p>SOLVED: I fix that with <code>crossDomain: true</code> and file response have to be just translate word for actually language. For example <code>Login: Login</code> not <code>en.translation.Login: Login</code> </p>
  
  <p>Have a nice day </p>