1 2 3 4 5 6 7 8 9 10import { Navigate } from 'react-router-dom'; import { useAuth } from '~/hooks/useAuth'; const Public: React.FC<{ children: React.ReactNode }> = ({ children }) => { const { isAuthenticated } = useAuth(); return isAuthenticated ? <Navigate to="/reports" replace /> : <>{children}</>; }; export default Public;