Function Error

src/pages/error/Error.js:29–77

({ code })

};

export default function Error({ code }) {
  let classes = useStyles();
  const location = useLocation();
  const queryParams = new URLSearchParams(location.search);
  const queryCode = Number(queryParams.get('code'));
  const errorCode = Number(code) || queryCode || 404;
  const content = ERROR_CONTENT[errorCode] || ERROR_CONTENT[404];

  return (
    <Grid container className={classes.container}>
      <div className={classes.logotype}>
        <img className={classes.logotypeIcon} src={logo} alt='logo' />
        <Typography variant='h3' className={classes.logotypeText}>
          React Material Admin Full
        </Typography>
      </div>
      <Paper classes={{ root: classes.paperRoot }}>
        <Typography
          variant='h1'
          color='primary'
          className={classnames(classes.textRow, classes.errorCode)}
        >
          {errorCode}
        </Typography>
        <Typography variant='h5' color='primary' className={classes.textRow}>
          {content.title}
        </Typography>
        <Typography
          variant='h6'
          color='text'
          colorBrightness='hint'
          className={classnames(classes.textRow, classes.safetyText)}
        >
          {content.description}
        </Typography>
        <Button
          variant='contained'
          color='primary'
          component={Link}
          to='/'
          size='large'
          className={classes.backButton}
        >
          Back to Home
        </Button>
      </Paper>
    </Grid>
  );
}