He estado jugando con el nuevo sistema de gancho en React 16.7-alpha y me atasco en un bucle infinito en useEffect cuando el estado que estoy manejando es un objeto o matriz.

Primero, uso useState y lo inicio con un objeto vacío como este:

const [obj, setObj] = useState({});

A continuación, en useEffect, uso setObj para configurarlo de nuevo en un objeto vacío. Como segundo argumento, paso [obj], esperando que no se actualice si elcontenid del objeto no ha cambiado. Pero sigue actualizándose. Supongo que, sin importar el contenido, siempre son objetos diferentes que hacen que React piense que sigue cambiando.

useEffect(() => {
  setIngredients({});
}, [ingredients]);

Lo mismo es cierto con las matrices, pero como primitivo no se quedará atrapado en un bucle, como se esperaba.

Usando estos nuevos ganchos, ¿cómo debo manejar los objetos y la matriz cuando verifico si el contenido ha cambiado o no?