diff --git a/client/src/components/Loading.tsx b/client/src/components/Loading.tsx
new file mode 100644
index 0000000000000000000000000000000000000000..ae1d9e20aab1e4469a55bdb36c83e7b5bb02427f
--- /dev/null
+++ b/client/src/components/Loading.tsx
@@ -0,0 +1,11 @@
+import { Spinner } from "react-bootstrap";
+
+function Loading() {
+  return (
+    <div className="vh-100 vw-100 d-flex justify-content-center align-items-center">
+      <Spinner animation="border" />
+    </div>
+  );
+}
+
+export default Loading;