Estou brincando com o novo sistema de ganchos no React 16.7-alpha e fico preso em um loop infinito em useEffect quando o estado que estou manipulando é um objeto ou matriz.

Primeiro, uso useState e o inicio com um objeto vazio como este:

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

Então, em useEffect, uso setObj para defini-lo para um objeto vazio novamente. Como segundo argumento, estou passando [obj], esperando que não seja atualizado se oconteúd do objeto não mudou. Mas continua atualizando. Acho que, porque não importa o conteúdo, esses objetos são sempre diferentes, fazendo com que o React pense que ele continua mudando?

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

O mesmo vale para matrizes, mas como primitivo, ele não fica preso em um loop, como esperad

Usando esses novos ganchos, como devo lidar com objetos e matriz ao verificar o clima em que o conteúdo mudou ou nã