Merge pull request #1020 from alexstotsky/improve-i18n-init

(improvement) Translations loading

Author: sokolov15

src/App.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { Suspense } from 'react'
 import { useSelector } from 'react-redux'
 import { ConnectedRouter } from 'connected-react-router'
 import { I18nextProvider } from 'react-i18next'
@@ -16,14 +16,16 @@ function App() {
 
   return (
     <I18nextProvider i18n={i18n}>
-      <ConnectedRouter history={history}>
-        {showElectronMenu && (<ElectronMenu />)}
-        <Header />
-        <div className='app'>
-          <Auth />
-          <Main />
-        </div>
-      </ConnectedRouter>
+      <Suspense fallback={<div className='app-loader' />}>
+        <ConnectedRouter history={history}>
+          {showElectronMenu && (<ElectronMenu />)}
+          <Header />
+          <div className='app'>
+            <Auth />
+            <Main />
+          </div>
+        </ConnectedRouter>
+      </Suspense>
     </I18nextProvider>
   )
 }

src/locales/i18n.js

@@ -63,11 +63,9 @@ i18n
     debug: (REACT_APP_ENV === 'development'),
 
     react: {
-      wait: true,
-      useSuspense: false,
-      //   bindI18n: 'languageChanged loaded',
-      //   bindStore: 'added removed',
-      //   nsMode: 'default'
+      useSuspense: true,
+      bindI18n: 'languageChanged loaded',
+      bindI18nStore: 'added removed',
     },
 
     interpolation: {