22 lines
466 B
TypeScript
22 lines
466 B
TypeScript
"use client";
|
|
|
|
import { FC } from "react";
|
|
import { Box, Grid } from "@mui/material";
|
|
|
|
type DisplayErrorProps = {
|
|
error: Error;
|
|
};
|
|
|
|
export const DisplayError: FC<DisplayErrorProps> = ({ error }) => (
|
|
<Grid
|
|
container
|
|
direction="column"
|
|
justifyContent="space-around"
|
|
alignItems="center"
|
|
style={{ height: 600, width: "100%", color: "red", fontSize: 20 }}
|
|
>
|
|
<Grid item>
|
|
<Box>{`Error: ${error.message}`}</Box>
|
|
</Grid>
|
|
</Grid>
|
|
);
|