Replace fetch with axios

package.json

@@ -13,6 +13,7 @@
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",
     "@types/react-router-dom": "^5.1.7",
+    "axios": "^0.21.1",
     "docz": "^2.3.1",
     "eslint-config-airbnb-typescript": "^12.3.1",
     "react": "^17.0.1",

src/components/AuthUser/AuthUser.tsx

 import React, { FC, useEffect } from 'react';
+import axios from 'axios';
 import Container from '@material-ui/core/Container';
 import { SignInForm } from './SignInForm/SignInForm';
 
 export const AuthUser: FC = () => {
   useEffect(() => {
-    fetch('/api/web/csrf')
-      .then((response) => response.json())
-      .then((data) => sessionStorage.setItem('token', data.token));
+    axios
+      .get('api/web/csrf')
+      .then((response) => console.log(response))
+      .catch((error) => console.log(error));
   }, []);
   return (
     <Container maxWidth="sm">