Develop

apps/link/app/_components/DisplayError.tsx

@@ -0,0 +1,22 @@
+"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>
+);