Me he enfrentado a este problema al usar history.push('/pathname') en el componente app.js. mi requisito es que tengo que usar este history.push dentro de un controlador onclick definido en el componente app.js que luego se envía al componente de botón a través de accesorios. No soy capaz de averiguar la solución de este error. (El componente del botón es AppointmentNextBtn). Por favor guíame.

 import { useHistory } from "react-router-dom"; function App(){ const history = useHistory(); const onClickNextDateHandler = () => { history.push("/selectlocation/appointment/selectdate"); console.log("date button runs"); setNextBtnState("time");

};

 return( <Route exact path="/selectlocation/appointment"> <Toappointmentcontainer postAppointmentRequest={postRequestAppointment} /> <div className="btnwidget"> <AppointmentNextBtn onClickDateHandler={onClickNextDateHandler} displayState={nextBtnState} text="Next" button="button" /> </div> </Route>

)

 }