Tried to add a Protected Route for the Home page

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>
+      )}
+    </>
+  )
+}