I have a React wrapper component which gets re-rendered. This is actually related to a wrapper for a microfrontend.

How can I find out what causes it to suddenly re-render even though the control is now in the child MFE and this wrapper is actually in the parent app ?

const MyComponent = React.lazy(() => import('myMfe/MyComponent'))
const MyComponentWrapper = (props)=>{
  console.log("props",props);
  return(
    <div>
      <React.Suspense  fallback={<Spinner />}>
        <MyComponent {...props}/>
      </React.Suspense>
    </div>
  )
};

export default MyComponentWrapper;