Soy nuevo en ReactJS. En la carga inicial de la página, quiero verificar si el estado es nulo, luego quiero redirigir a otra página de inicio de sesión

Aquí está el código del componente:

 export default function Addblousesalwar() { const navigate = useNavigate(); const { state } = useLocation(); console.log(state) //null if(state === null || state === undefined){ navigate("/login") }

Pero muestra error:

Debe llamar a navegar() en un React.useEffect(), no cuando su componente se renderiza por primera vez. Probé a través de useEffect también. Pero useEffect no se ejecuta.

 useEffect(() => { if(state === null || state === undefined){ navigate("/login") } }, []); useEffect(() => { if(state === null || state === undefined){ navigate("/login") } }, []);

Probé esto también

 useEffect(() => { if(state === null || state === undefined){ navigate("/login") } }, [state]);

Este efecto de uso tampoco se activa Por favor, ayúdenme con algunas soluciones