diff --git a/src/components/ProtectedRoute.js b/src/components/ProtectedRoute.js
new file mode 100644
index 0000000..dd48319
--- /dev/null
+++ b/src/components/ProtectedRoute.js
@@ -0,0 +1,19 @@
+import { Navigate } from "react-router-dom"
+import React from "react"
+import Root from "../routes/Root"
+
+export default function ProtectedRoute({ user, loading }) {
+  return (
+    <>
+      {!loading ? (
+        user ? (
+          <Root />
+        ) : (
+          <Navigate to="/login" />
+        )
+      ) : (
+        <div>loading....</div>
+      )}
+    </>
+  )
+}