AuthUser.tsx

import React, { FC, useEffect } from 'react';
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));
  }, []);
  return (
    <Container maxWidth="sm">
      <SignInForm />
    </Container>
  );
};