wip

src/app/auth/components/Protected.tsx

@@ -1,13 +1,17 @@
 import { useUser } from '../../user/userStore.ts'
 import { useNavigate, Outlet } from 'react-router-dom'
+import { useEffect } from 'react'
 
 export default function Protected() {
-  const [user] = useUser()
+  const { user } = useUser()
 
   const navigate = useNavigate()
-  if (!user) {
-    navigate('/login')
-  }
+
+  useEffect(() => {
+    if (!user) {
+      navigate('/login')
+    }
+  }, [user, navigate])
 
   return <Outlet />
 }