¿Cómo navegar programáticamente a otra página en React Router v6?

¡Hola a todos! Acabo de empezar a aprender React y me encontré con un problema. Estoy usando React Router v6 para la navegación en la aplicación. A través de enlaces normales todo funciona perfectamente, pero necesito redirigir al usuario programáticamente después de ciertas acciones — por ejemplo, después de un inicio de sesión exitoso o después de enviar un formulario. Aquí está mi código del componente de login: ```javascript import { useNavigate } from 'react-router-dom'; function LoginForm() { const handleSubmit = async (event) => { event.preventDefault(); const response = await fetch('/api/login', { method: 'POST', body: new FormData(event.target) }); if (response.ok) { // Aquí es donde quiero navegar a /dashboard console.log('¡Inicio de sesión exitoso! Necesito ir al dashboard'); } }; return (

Iniciar sesión

); } ```