title: i18next with axios backend in react
body: <p>I'm trying to implement language change in my app using these dependencies:</p>
  <pre><code>&quot;i18next&quot;: &quot;^21.6.13&quot;,
  &quot;i18next-browser-languagedetector&quot;: &quot;^6.1.3&quot;,
  &quot;i18next-http-backend&quot;: &quot;^1.3.2&quot;,
  &quot;react-i18next&quot;: &quot;^11.15.6&quot;,
  </code></pre>
  <p>I tried pretty standard method and it works fine:</p>
  <pre><code>import i18n from &quot;i18next&quot;;
  import { initReactI18next } from &quot;react-i18next&quot;;
  import LanguageDetector from &quot;i18next-browser-languagedetector&quot;;
  import { DateTime } from &quot;luxon&quot;;
  import Backend from &quot;i18next-http-backend&quot;;
  
  i18n
    .use(Backend)
    .use(LanguageDetector)
    .use(initReactI18next)
    .init({
      debug: true,
      fallbackLng: &quot;en&quot;,
      interpolation: {
        escapeValue: false,
        format: (value, format, lng) =&gt; {
          if (value instanceof Date) {
            return DateTime.fromJSDate(value)
              .setLocale(lng)
              .toLocaleString(DateTime[format]);
          }
          return value;
        },
      },
    });
  
  export default i18n;
  </code></pre>
  <p>What i need to do is to get translations from backend with axios. I tried to do this <a href="https://github.com/i18next/i18next-http-backend" rel="nofollow noreferrer">https://github.com/i18next/i18next-http-backend</a> , but all examples are with local json data and this is not what i want to do. I tried to hook data and pass it in resources, but it dosen't work. Any thoughts of how it could be done? Or helpful links? It doesn't have to be with axios. What i have is accessive link with json data and I want to use it as backend with  i18next. Any help would be much appreciated, thanks.
  P.S. please don't ban if question is not clear enough, I'll try to explain better if needed. I'm tired.</p>