How to make functional component rerender properly on parents state chage?

Question

please help me figure out why the component works like that. I have a functional component something like this:

function MyComponent(props) {
  const { dataAr