Estoy tratando de hacer una llamada API y redirigir una página al enviar el formulario usando React. Aquí hay algunas cualidades del problema con el que me estoy topando:

• Todo lo que sucede al enviar el formulario es que la página se vuelve a cargar.
• Si configuro la función de envío para que se ejecute al hacer clic, redirigirá la página como se esperaba
• Todo lo demás en la función se ejecuta como se esperaba al enviar

Eliminé el código API porque es irrelevante para esta pregunta:

 const Booking = () => {

 const handleSubmit = () => { window.parent.location = '/intuit-app/thankyou';}

 return ( <> <Container> <FormWrap> <Icon to="/intuit-app">Intuit</Icon> <FormContent> <Form onSubmit={handleSubmit}> <FormH1>Enter your email, then pick a date and time for your consultation</FormH1> <FormLabel htmlFor='for'>Email</FormLabel> <FormInput type='email' onChange={handleInputChange} required /> <FormButton type="submit" value="Submit" >Submit</FormButton> </Form> </FormContent> </FormWrap> </Container> </> ) }