Working email validation and hiding controller logic to InputField

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">