title: React UseEffect function triggering in empty array change
body: <p>The react application that I'm working on triggers the <code>userEffect</code> function if the prop value changes from an empty array to another empty array.</p>
  <p>I'm getting query params from the page and passing them down in a component that re-renders if any of the query param array changes. But the issue is that the <code>useEffect</code> function triggers and re-renders the component even if the query param array changed from <code>[]</code> to <code>[]</code>.</p>
  <p>I know that <code>[] !== []</code>, maybe that's what causing the issue. But is there a way that that the application can prevent triggering the useEffect function in the first place?</p>
  <p>Heres a codesandbox demo: <a href="https://codesandbox.io/s/vibrant-greider-qgjgs?file=/src/App.js" rel="nofollow noreferrer">https://codesandbox.io/s/vibrant-greider-qgjgs?file=/src/App.js</a></p>