Suppress errors

src/App.tsx

@@ -10,6 +10,7 @@ export const App: FC = () => (
       <Switch>
         <Route path="/auth" component={AuthUser} />
         <Route exact path="/" component={LandingPage} />
+        <Route exact path="/home" component={HomePage} />
       </Switch>
     </div>
   </Router>

src/components/AuthUser/AuthUser.tsx

@@ -7,10 +7,11 @@ export const AuthUser: FC = () => {
   useEffect(() => {
     axios
       .get('api/web/csrf')
-      .then((response) =>
-        sessionStorage.setItem('CSRF_TOKEN', response.data.token),
-      )
-      .catch((error) => console.log(error));
+      .then((response) => {
+        // Check this https://stackoverflow.com/questions/39254562/csrf-with-django-reactredux-using-axios
+        axios.defaults.headers.common['X-CSRFTOKEN'] = response.data.token;
+      })
+      .catch((error) => error);
   }, []);
   return (
     <Container maxWidth="sm">

src/components/LandingPage/LandingPage.tsx

-import React, { FC, useEffect } from 'react';
+import React, { FC } from 'react';
 
 export const LandingPage: FC = () => (
   <>

src/components/LandingPage/TeamPage.tsx

-import React, { FC, useEffect } from 'react';
+import React, { FC } from 'react';
 
 export const TeamPage: FC = () => (
   <>