tengo este codigo:

 const history = useNavigate(); const navigate = (e) => { e.preventDefault(); history('/link') } const doSomething = (e) => { e.stopPropagation(); someFunc(); } return ( <a href="/link" onClick={navigate}> <span>Some stuff</span> <button onClick={doSomething}></button> </a> );

Esto no funciona porque preventDefault no funciona debido a stopPropagation() . Por supuesto, podría usar un div para evitar el enlace, o simplemente eliminar el href por completo, pero me esfuerzo por obtener un código de calidad, entonces, ¿cuál es la mejor opción? Tampoco puedo usar un botón en lugar de porque habría a botón dentro de un botón.