Init

src/AuthRoute.tsx

@@ -0,0 +1,23 @@
+import { useMatches, useOutlet } from 'react-router'
+import { useMemo } from 'react'
+import { Navigate } from 'react-router-dom'
+import { getLoginStatus } from '@/utils/auth.ts'
+
+const AuthRoute = () => {
+    const match = useMatches()[1]
+    const handle = match.handle as RouteHandle
+    const outlet = useOutlet()
+    const isLogin = getLoginStatus()
+
+    return useMemo(() => {
+        if (handle?.auth && !isLogin) {
+            return <Navigate to="/login" />
+        }
+        if (isLogin && match.pathname === '/login') {
+            return <Navigate to="/" />
+        }
+        return outlet
+    }, [handle?.auth, isLogin, match.pathname, outlet])
+}
+
+export default AuthRoute