fix i18n warnings

src/components/App.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { Suspense } from "react";
 import { Route, Switch } from "react-router-dom";
 import HomePage from "./home/HomePage";
 import AboutPage from "./about/AboutPage";
@@ -10,12 +10,12 @@ import SessionContainer from "../features/session/components/SessionContainer";
 
 function App() {
   const contentStyle = {
-    "padding-left": "30px",
-    "padding-right": "30px"
+    paddingLeft: "30px",
+    paddingRight: "30px"
   };
 
   return (
-    <div>
+    <Suspense fallback={<div></div>}>
       <Header />
       <br />
       <div style={contentStyle}>
@@ -27,7 +27,7 @@ function App() {
         </Switch>
         <ToastContainer autoClose={3000} />
       </div>
-    </div>
+    </Suspense>
   );
 }
 

src/utils/i18n.js

@@ -82,9 +82,6 @@ i18n
           return value;
         }
       },
-      react: {
-        useSuspense: false
-      },
       backend: {
         loadPath: "/public/locales/{{lng}}/{{ns}}.json"
       }