No puedo encontrar una manera de usar la query dentro de useEffect sin un bucle infinito.
const query = new URLSearchParams(useLocation().search); useEffect(() => { query.forEach((value, field) => { ... } }, [query]);¿Algunas ideas?
Está creando una nueva instancia de URLSearchParams en cada procesamiento (que es un tipo de objeto y, por lo tanto, tiene una identidad diferente en cada procesamiento), por lo que useEffect se ejecutará en cada procesamiento (provocando un bucle infinito si useEffect desencadena un reprocesamiento).
En su lugar, puede mover la definición de query a una llamada useMemo o simplemente definir la query en useEffect si no se usa en otro lugar.
Por ejemplo:
const { search } = useLocation(); const query = useMemo(() => new URLSearchParams(search), [search]); useEffect(() => { query.forEach((value, field) => { ... } }, [query]);o
const { search } = useLocation(); useEffect(() => { const query = new URLSearchParams(search); query.forEach((value, field) => { ... } }, [search]);