packages/uikit-playground/src/Components/Routes/ProtectedLayout.tsx
import { Navigate, useOutlet } from 'react-router-dom';
import routes from '../../Routes/Routes';
import { useAuth } from '../../hooks/useAuth';
export const ProtectedLayout = () => {
const { user } = useAuth();
const outlet = useOutlet();
if (!user) {
return <Navigate to={`${routes.login}`} />;
}
return <>{outlet}</>;
};