Ошибка консоли клиента "Uncaught SyntaxError: Неожиданный токен '<'"

Question

Я разрабатываю приложение activjs, и оно работает нормально, но когда я обновляю его клавишей F5 или кнопкой обновления, оно не работает. Я проверяю клиентскую консоль, и ошибка выглядит следующим образом Uncaught SyntaxError: Unexpected token '<'
Но в серверной консоли в ней нет ошибок. Я не знаю, почему это так работает. Он показывает только белую страницу.

Я загрузил полный код на CodeSandbox. Вы можете проверить все мои коды и проблемы там. Проблема только на странице / auth / login

https://codesandbox.io/s/livetoday-9qgh8?fontsize=14

import React from "react";
import Avatar from "@material-ui/core/Avatar";
import Button from "@material-ui/core/Button";
import CssBaseline from "@material-ui/core/CssBaseline";
import TextField from "@material-ui/core/TextField";
import FormControlLabel from "@material-ui/core/FormControlLabel";
import Checkbox from "@material-ui/core/Checkbox";
import Link from "@material-ui/core/Link";
import Grid from "@material-ui/core/Grid";
import Box from "@material-ui/core/Box";
import LockOutlinedIcon from "@material-ui/icons/LockOutlined";
import Typography from "@material-ui/core/Typography";
import { makeStyles } from "@material-ui/core/styles";
import Container from "@material-ui/core/Container";
// import "typeface-roboto";
import {
  GoogleLoginButton,
  GithubLoginButton
} from "react-social-login-buttons";

function Copyright() {
  return (
    <Typography variant="body2" color="textSecondary" align="center">
      {"Copyright © "}
      <Link color="inherit" href="/">
        Live Today
      </Link>{" "}
      {new Date().getFullYear()}
      {"."}
    </Typography>
  );
}

const useStyles = makeStyles(theme => ({
  "@global": {
    body: {
      backgroundColor: theme.palette.common.white
    }
  },
  paper: {
    marginTop: theme.spacing(8),
    display: "flex",
    flexDirection: "column",
    alignItems: "center"
  },
  avatar: {
    margin: theme.spacing(1),
    backgroundColor: theme.palette.secondary.main
  },
  form: {
    width: "100%", // Fix IE 11 issue.
    marginTop: theme.spacing(1)
  },
  submit: {
    margin: theme.spacing(3, 0, 2)
  }
}));

export default function SignIn() {
  const classes = useStyles();

  return (
    <Container component="main" maxWidth="xs">
      <CssBaseline />
      <div className={classes.paper}>
        <Avatar className={classes.avatar}>
          <LockOutlinedIcon />
        </Avatar>
        <Typography component="h1" variant="h5">
          Sign in
        </Typography>
        <form className={classes.form} noValidate>
          <TextField
            variant="outlined"
            margin="normal"
            required
            fullWidth
            id="email"
            label="Currently local login is not supported"
            name="email"
            autoComplete="email"
            disabled
          />
          <Button
            type="submit"
            fullWidth
            variant="contained"
            color="primary"
            className={classes.submit}
            disabled
          >
            Sign In
          </Button>
        </form>

        <a
          href="/auth/google"
          style={{ color: "inherit", textDecoration: "none" }}
        >
          <GoogleLoginButton />
        </a>
        <a
          href="/auth/github"
          style={{ color: "inherit", textDecoration: "none" }}
        >
          <GithubLoginButton />
        </a>
      </div>
      <Box mt={8}>
        <Copyright />
      </Box>
    </Container>
  );
}