1 files changed, 22 insertions, 0 deletions
diff --git a/src/components/error_page.tsx b/src/components/error_page.tsx
new file mode 100644
index 0000000..3c479be
--- /dev/null
+++ b/src/components/error_page.tsx
@@ -0,0 +1,22 @@
+import { useRouteError } from "react-router-dom";
+import "./stylesheets/shared.css";
+import MainContentLayout from "./main_content_layout";
+
+export default function ErrorPage() {
+  const error = useRouteError();
+
+  return(
+    <MainContentLayout>
+      <div className="flex flex-col justify-center my-2">
+        <div>
+          <h1 className="text-3xl">
+            Error {error.status}
+          </h1>
+        </div>
+        <div className="text-xl">
+          {error.error.message || error.statusText}
+        </div>
+      </div>
+    </MainContentLayout>
+  );
+}
+\ No newline at end of file