Estoy llamando a una mutación así:

 const [deleteTask, deleteTaskResponse] = useMutation(deleteTaskMutation); // this is called in a different component (all of this logic is in a context provider) const deleteTaskFunction = (taskId) => { deleteTask({variables: { taskId }}) }

Tengo un useEffect configurado para monitorear cuándo se cambia deleteTaskResponse para actualizar el estado con la respuesta de esta manera:

 useEffect(()=>{ const { data, loading, error } = deleteTaskResponse; if (data && data.deleteTask){ console.log(data.deleteTask) setTasks(data.deleteTask.tasks) // state } }, [deleteTaskResponse])

No entiendo por qué esto está causando un bucle de efecto infinito, ya que la respuesta no debería cambiar, ya que la función solo se llama una vez. Intenté poner un archivo console.log en deleteTaskFunction y puedo confirmar que solo se llama una vez cuando se presiona el botón Eliminar.