Use ReactDOM.render on dev env

Author: velopert

src/index.tsx

@@ -24,8 +24,21 @@ const loadUser = () => {
 
 loadUser();
 
-loadableReady(() => {
-  ReactDOM.hydrate(
+if (process.env.NODE_ENV === 'production') {
+  loadableReady(() => {
+    ReactDOM.hydrate(
+      <Provider store={store}>
+        <ApolloProvider client={client}>
+          <BrowserRouter>
+            <App />
+          </BrowserRouter>
+        </ApolloProvider>
+      </Provider>,
+      document.getElementById('root'),
+    );
+  });
+} else {
+  ReactDOM.render(
     <Provider store={store}>
       <ApolloProvider client={client}>
         <BrowserRouter>
@@ -35,7 +48,7 @@ loadableReady(() => {
     </Provider>,
     document.getElementById('root'),
   );
-});
+}
 
 // If you want your app to work offline and load faster, you can change
 // unregister() to register() below. Note this comes with some pitfalls.