title: Determine which dependency array variable caused useEffect hook to fire
body: <p>Is there an easy way to determine which variable in a <code>useEffect</code>'s dependency array triggers a function re-fire?</p>
  
  <p>Simply logging out each variable can be misleading, if <code>a</code> is a function and <code>b</code> is an object they may appear the same when logged but actually be different and causing useEffect fires.</p>
  
  <p>For example:</p>
  
  <pre><code>React.useEffect(() =&gt; {
    // which variable triggered this re-fire?
    console.log('---useEffect---')
  }, [a, b, c, d])
  </code></pre>
  
  <p>My current method has been removing dependency variables one by one until I notice the behavior that causes excessive useEffect calls, but there must be a better way to narrow this down.</p>