title: useMemo function is getting executed even though the dependency didnt change
body: <p>I have a parent component which renders everytime data in the react query changes. It is using a child component to which it passes data which should render some cards.</p>
  <p>Inside the child component, I used the useMemo() function to make sure if it receives the same data as previously it wouldnt execute the rendering of all the cards.</p>
  <p>This is the child component</p>
  <pre><code>export const VerticalCardsList = (props : VerticalCardsProps) =&gt; {
  
  const VerticalCards = useMemo(() =&gt; {
      console.log('Executing the useMemo function')
  }, [props.verticalCardsData])
  
  return VerticalCards }
  </code></pre>
  <p>The parent component calls this in a way like this</p>
  <pre><code>&lt;VerticalCardsList verticalCardsData={props?.cardsResponse?.data?}  /&gt;
  </code></pre>