title: Stopping re-render with React.Memo does not work
body: <p>I have an issue with react re-rendering.</p>
  <p>Basically, I have a list of 100 entries, which are in fact divs that contain further HTML elements. When changing one prop, which does not affect any of the entries, they all seem to re-render, causing some spikes or delay across the page.</p>
  <pre><code>const upperComponent = () =&gt; {
      ...some logic
      return (&lt;ExampleList tabs={tabs} content={content}/&gt;)
  </code></pre>
  <p>Tabs will change, but it does not affect the list of 100 entries, that will always be the same regardless of 'tabs</p>
  <pre><code>const exampleList = ({tabs, content}) =&gt; {
      ...some logic here with tabs
      ...return is unaffected by tabs
      return
       (&lt;div....&lt;div....&lt;more divs and spans...)
  </code></pre>
  <p>Everytime tabs changes, the return is rendered, and it's something I want to avoid</p>
  <p>I tried the following:</p>
  <pre><code>const exampleList = React.Memo(({tabs, content}) =&gt; {
      ...some logic here with tabs
      ...return is unaffected by tabs
      return
       (&lt;div....&lt;div....&lt;more divs and spans...), function(prevProps, nextProps) {
      if (prevProps.content !== nextProps.content) return true
      return false
  }
  </code></pre>
  <p>But it seems that the component will not render at all in this case</p>
  <p>What am I even doing wrong?</p>