Tengo un error extraño: después de enviar un formulario de búsqueda, mi código se redirige a la página de listado y muestra los productos según la entrada de búsqueda.

Esto funciona en todos los sitios, excepto si ya estoy en la página de listado. Así que pensé en redirigir primero a la página de inicio y luego redirigir a la página de listado, si ya estoy en /listing.

Desafortunadamente, usar history.push si ya estoy en la lista no cambia nada. Solo se activa el segundo history.push(). ¿Dónde podría estar mi error?

(Incluso si elimino la solicitud if, no se redirige a "/". Sin embargo, si elimino el segundo historial, sí lo hace)

 const SearchInput = ({history}) => { const [searchword, setSearchword] = useState(''); const submitHandler = (e) => { e.preventDefault(); console.log(history.location.pathname) if (history.location.pathname==="/listing"){ history.push({ pathname: HOME_PAGE, search: '?'+searchword, state: { detail: 'some_value' } }); } history.push({ pathname: LISTING_POSTS_PAGE, search: '?'+searchword, state: { detail: 'some_value' } // }) } return ( <form className="search" onSubmit={submitHandler}> <div className = "row"> <input type = "text" searchword = "q" id = "q" placeholder = "What do you want to buy?" onChange = {(e) => setSearchword(e.target.value)}> </input> </div> </form> ); };