title: React hooks - trigger useEffect when a nested property changes in a collection of objects
body: <p>A page displays a list of objects <code>[{name:, age:}, ...]</code>
  A second page allows to update the name of a particular object.
  Then using hooks, how should I implement <code>useEffect()</code> so the list on the front page updates only when a name change has been detected?</p>
  
  <pre><code>const [objects, setObjects] = useState([]);
  
  useEffect(()=&gt; {
    getAllObjects()
  },[getAllObjects, objects]);
  </code></pre>