tengo tres paginas
inicio/inicio
import { useRouter } from 'next/router'; const Start = () => { const router = useRouter(); return ( <> <button onClick={() => { router.push('/home/users/native'); }} > GO </button> </> ); }; export default Start;inicio/usuarios/[tipo]
import { useRouter } from 'next/router'; const User = () => { const router = useRouter(); return ( <> <button onClick={() => { router.push('/home/settings/subscription'); }} > Go Again </button> </> ); }; export default User;inicio/configuraciones/tipo
const Settings = () => { return <div>Confirm docs</div>; }; export default Settings; Navego desde home/start a /home/users/native haciendo clic en el botón, luego a /home/settings/subscription . Luego, hago clic en el botón Atrás para volver a home/users/native . Ahora, cuando haga clic en el botón de avance para ir a home/settings/subscription , aparece el siguiente error
Error: el valor proporcionado as (/inicio/configuración/suscripción) no es compatible con el valor href (/[tipo]).
No estoy usando as ningún otro lugar. ¿Alguien puede señalar qué estoy haciendo mal?
Podría usar Link en lugar de un botón con onClick.
import Link from 'next/link'; import { useRouter } from 'next/router'; const Start = () => { const router = useRouter(); return ( <> <Link to="/home/users/native"> GO </Link> </> ); }; export default Start;