title: github pages not loading file from server in deployed React App
body: <p>I have deployed a react project to github and when viewing it with github pages . I'm using <code>i18next</code> for different translations for my web app . When I run my app through localhost the <code>locales</code> folder is accesed and translates the content of my app properly . However when deployed with github pages I get the errors  :</p>
  <p>WARNING:</p>
  <pre><code>i18next::backendConnector: loading namespace translation for language en failed failed loading /locales/en/translation.json
  </code></pre>
  <p>ERROR :</p>
  <pre><code>request.js:60 GET https://user.github.io/locales/en/translation.json 404
  </code></pre>
  <p>So I cannot access my translations inside my locales folder .</p>
  <p>My folder structure (I have folder inside for more langs other than english in same level )  : <code>public &gt; locales &gt; en &gt; translation.json</code></p>
  <p>the i18next.js from the docs located in :</p>
  <pre><code>src &gt; i18n.js 
  </code></pre>
  <p>with code  :</p>
  <pre><code>import i18n from 'i18next'; 
  import { initReactI18next } from 'react-i18next';
  
  import Backend from 'i18next-http-backend';
  import LanguageDetector from 'i18next-browser-languagedetector';
  // don't want to use this?
  // have a look at the Quick start guide 
  // for passing in lng and translations on init
  
  const Languages = ['en' , 'gr']; //the languages I want 
  
  
  i18n
    // load translation using http -&gt; see /public/locales (i.e. https://github.com/i18next/react-i18next/tree/master/example/react/public/locales)
    // learn more: https://github.com/i18next/i18next-http-backend
    .use(Backend)
    // detect user language
    // learn more: https://github.com/i18next/i18next-browser-languageDetector
    .use(LanguageDetector)
    // pass the i18n instance to react-i18next.
    .use(initReactI18next)
    // init i18next
    // for all options read: https://www.i18next.com/overview/configuration-options
    .init({
      fallbackLng: 'en',
      debug: true,
      whitelist:Languages,
  
      interpolation: {
        escapeValue: false, // not needed for react as it escapes by default
      }
  
  
    });
  
  
  export default i18n;
  </code></pre>
  <p>I would appreciate your help</p>