title: useSelector destructuring vs multiple calls
body: <p>Recently I was been reading react-redux docs <a href="https://react-redux.js.org/next/api/hooks" rel="noreferrer">https://react-redux.js.org/next/api/hooks</a>
  And there was a section related to Equality Comparisons and Updates, which says:</p>
  <blockquote>
  <p>Call useSelector() multiple times, with each call returning a single field value.</p>
  </blockquote>
  <p>First approach:</p>
  <pre><code>const { open, importId, importProgress } = useSelector((importApp) =&gt; importApp.productsImport);
  </code></pre>
  <p>Second approach:</p>
  <pre><code>const open = useSelector((importApp) =&gt; importApp.productsImport.open);
  const importId = useSelector((importApp) =&gt; importApp.productsImport.importId );
  const importProgress = useSelector((importApp) =&gt; importApp.productsImport.importProgress);
  </code></pre>
  <p>So is there any real differences? Or due to destructuring useSelector hook will have troubles with checking refences?</p>