diff --git a/components/loading.js b/components/loading.js
new file mode 100644
index 0000000..54e3590
--- /dev/null
+++ b/components/loading.js
@@ -0,0 +1,15 @@
+import Box from '@mui/material/Box'
+import CircularProgress from '@mui/material/CircularProgress'
+
+export function Loading() {
+  return (
+    <Box
+      display='flex'
+      justifyContent='center'
+      alignItems='center'
+      height='100vh'
+    >
+      <CircularProgress color='warning' />
+    </Box>
+  )
+}