feat: Redux store persist gate.

client/src/index.js

@@ -2,39 +2,40 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import { Provider } from 'react-redux';
 import { BrowserRouter } from 'react-router-dom';
+import { PersistGate } from 'redux-persist/integration/react';
 import 'services/yup';
 import App from 'components/App';
 import * as serviceWorker from 'serviceWorker';
-import createStore from 'store/createStore';
+import { store, persistor } from 'store/createStore';
 import AppProgress from 'components/NProgress/AppProgress';
 
-import {locale} from 'lang/en/locale';
-import whyDidYouRender from "@welldone-software/why-did-you-render";
+import whyDidYouRender from '@welldone-software/why-did-you-render';
 
 whyDidYouRender(React, {
   onlyLogs: true,
-  titleColor: "green",
-  diffNameColor: "aqua"
+  titleColor: 'green',
+  diffNameColor: 'aqua',
 });
 
-
 ReactDOM.render(
-  <Provider store={createStore}>
-    <BrowserRouter>
-      <App />
-    </BrowserRouter>
+  <Provider store={store}>
+    <PersistGate loading={null} persistor={persistor}>
+      <BrowserRouter>
+        <App />
+      </BrowserRouter>
+    </PersistGate>
   </Provider>,
-  document.getElementById('root')
+  document.getElementById('root'),
 );
 
 ReactDOM.render(
-  <Provider store={createStore}>
+  <Provider store={store}>
     <AppProgress />
   </Provider>,
-  document.getElementById('nprogress')
+  document.getElementById('nprogress'),
 );
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.
 // Learn more about service workers: https://bit.ly/CRA-PWA
-serviceWorker.unregister();
+serviceWorker.unregister();