Estoy tratando de cambiar mi URL después de hacer clic en un modal.

Había agregado un onClick adicional al botón que llamaba al modal, esto era para una función; en esa función, agregué algunos registros de consola. Pude ver el registro, pero la URL no cambió.

El código del botón (original) es:

 <button className='buttonCheck' onClick={checkAnswer}>CHECK MY ANSWER</button> <CheckAnswerModal showModal={showCongratsModal} onClose={() => setShowCongratsModal(false)} videoMessage={showCongratsURL} content={showWindowContent} size='med'/>

y el modal

 import Button from 'react-bootstrap/Button'; import Modal from 'react-bootstrap/Modal'; function CheckAnswerModal({showModal = false, onClose = () =>{}, videoMessage, content, size}) { return ( <Modal size={size} show={showModal} onHide={onClose} backdrop="static" keyboard={false} > <Modal.Body> {videoMessage ? <video src={videoMessage} controls autoPlay> </video>: <div><center>{content}</center></div>} </Modal.Body> <Modal.Footer> <Button variant="secondary" onClick={onClose}> Close </Button> </Modal.Footer> </Modal> ) } export default CheckAnswerModal

Originalmente, había agregado una nueva función a la página de llamadas:

 function GoHome() { console.log("redirecting") <Redirect to='/' /> }

y agregué esto al botón onClick, pude ver el registro, pero no cambió la URL. He investigado un poco y estoy bastante seguro de que esto no funciona ya que el modal está en la pantalla. Para evitar esto, en GoHome () incluso agregué un condicional (si showModal es falso, entonces haga el registro)

He visto algunas publicaciones que hablan sobre desmontar el componente (ahora, esto es algo nuevo para mí, especialmente porque no llamo explícitamente a ningún componente de montaje).

¿Me estoy perdiendo algo fundamental con la redirección? ¿O alguien puede indicarme qué estoy haciendo mal (la redirección se siente un poco "incómoda" en este momento, creo que necesito rehacer un componente completo, pero esto funcionaría por ahora )