Hola, tengo el siguiente modal Antd:
<Modal visible={visible} onOk={handleOk} onCancel={handleCancel}> <MyForm onSubmit={handleOpenUrl}> <CustomInput name="input" onChange={(event: React.ChangeEvent<HTMLInputElement>) => handleInput(event, "input") } /> <Button type="submit" > Submit </Button> </MyForm> </Modal>;Y tengo el siguiente controlador para este formulario:
const handleInput = (event: React.SyntheticEvent) => { event.preventDefault(); // other operation where checked is handled... history.push({ pathname: "/", search: "?" + new URLSearchParams({ datas: checked }).toString(), }); }; lo extraño es que cuando abro el formulario y envío el formulario por primera vez, actualiza la URL y la agrega de la siguiente manera: http://localhost:3000/?datas=myqueryparams pero cuando lo hago por segunda vez vez que dice: TypeError: Cannot read properties of undefined (reading 'push')
¿Alguna idea sobre eso?
ACTUALIZAR
para el componente de la aplicación, he agregado lo siguiente:
<Switch> <Route path="/?datas=:datas" exact component={App} /> <Route path="/" exact component={App} /> </Switch>¿Ha envuelto el componente de la aplicación con BrowserRouter de react-router-dom? código de ejemplo como este
import React from "react"; import { BrowserRouter as Router } from "react-router-dom"; export default function App() { return ( <Router> <ChildComponent /> </Router> ); }