title: React memo function with isEqual
body: <p>I have this React.memo component that I want to render only if the props doesn't change with sending a second argument isEqual function.
  When I console.log the wrapper component and the memmoized component I can see that its being rendered with the same props.. What am I doing wrong?</p>
  
  <p>My wrapper component</p>
  
  <pre><code>export const WrapperComponent= props =&gt; {
      console.log('MemoizeComponent', props);
      return (
         &lt;MemoizeComponent name="memo"/&gt;
      );
  }
  
  export const WrapperComponent;
  </code></pre>
  
  <p>My memmoized component</p>
  
  <pre><code>export const Component = props =&gt; {
      console.log('component: ', props.name)
      return (
         &lt;div&gt;{props.name}&lt;/div&gt;
      );
  }
  
  function isEqual(prevProps, nextProps) {
      console.log(prevProps.name);
      console.log(nextProps.name);
      return prevProps.name === nextProps.name;
  };
  
  export const MemoizeComponent = React.memo(Component, isEqual);
  </code></pre>
  
  <p>console output: </p>
  
  <pre><code>memo
  memo
  component:memo
  memo
  memo
  component:memo
  </code></pre>