import i18n from 'i18next';
import LanguageDetector from 'i18next-browser-languagedetector';

const fr = require('./languages/fr.json');
const es = require('./languages/es.json');

i18n
  .use(LanguageDetector)
  .init({
    resources: {
      fr: {
        translations: fr
      },
      es: {
        translations: es
      }
    },
    fallbackLng: 'fr',
    debug: true,
    ns: ['translations'],
    defaultNS: 'translations',
    keySeparator: true,
    react: {
      wait: true
    }
  });

export default i18n;

import { I18nextProvider } from 'react-i18next';
import i18n from './I18n';
ReactDOM.render(
    <Provider store={store}>
        <I18nextProvider i18n={ i18n }>
            <BrowserRouter>
                <div>
                    <Header />
                    <Navigation />
                    <Switch>
                        <Route path="/informations" component={CustomerInformations} />
                        <Route path="/votre-caisse" component={CustomerQuotation}  />
                        <Route path="/upload" component={CustomerUpload}  />
                        <Route path="/calendrier" component={Calendar}  />
                        <Route path="/merci" component={LastPage} />
                    </Switch>
                </div>
            </BrowserRouter>
        </I18nextProvider>
    </Provider>,
    document.querySelector('.container-fluid')
);