Estoy usando la tabla de reacción en mi aplicación con paginación del lado del servidor con búsqueda. Cada vez que cambia la paginación, uso onPaginationChange prop para llamar a la API. Pero también tengo un texto de entrada de búsqueda. Para esto, uso useEffect para escuchar los cambios de texto de búsqueda y llamar a la API.

 <Pagination onPaginationChange={(pageSize, pageNo) => { setNoOfRecords(pageSize); dispatchGet( dispatch, currentOrg.id, pageSize, pageNo, searchText, ); }} //this is ok />

También tengo un estado de useEffect searchText el cambio de texto de searchText y una llamada a la API:

 const [searchText, setSearchText] = useState("");

 useEffect(() => { if (currentOrg) { dispatchGetSubOrgs( dispatch, currentOrg.id, noOfRecords, currentPage, // I get these from redux store and get updated when API calls searchText, ); } }, [searchText]);

Aquí Eslint se queja de que necesito agregar currentPage a la matriz de dependencia. Pero si lo agrego y se llama a onPaginationChange debido a algunos cambios de paginación, currentPage se actualizará y se llamará a useEffect y llamará a la API dos veces.

Si ignoro este error de Eslint, ¿será un problema? Además, no sé por qué React quiere que agregue todo en la matriz de dependencia. ¿Qué pasa si no quiero que useEffect se ejecute cuando cambia algo en la matriz de dependencia? Me veo obligado a agregarlo porque podría tener valores obsoletos. ¿Cómo trato con esto?