Tengo una función que establece mi useState cuando hago clic, todo funciona bien, pero recibo una advertencia cada vez:

 Line 22: The 'handleClickOpen' function makes the dependencies of useEffect Hook (at line 20) change on every render. To fix this, wrap the 'handleClickOpen' definition into its own useCallback() Hook react-hooks/exhaustive-deps

este es mi código:

 useEffect(() => { axios.get("/api/getBlacklist/").then(data => setBlacklistItems(data.data)); // eslint-disable-next-line }, [handleClickOpen]); function handleClickOpen() { setOpen(true); }

Intenté reemplazar handleClickOpen en useEffect con solo setOpen(true) , pero luego mi página se bloquea debido a demasiadas renderizaciones.

¿Cómo afrontar esta situación?