LocalVideoViewOptions scalingMode=Crop and isMirrored=true doesn't work on first time on iPhone

Question

Hi team,

Is it bug or is there any work around?

localVideoViewOptions scalingMode=Crop and isMirrored=true doesn't work on first time in Portrait mode on iPhone, then when you rotate the phone from Portrait to landscape and back to portrait mode then it works.

Please see the screenshots below.

We are using these libraries

"@azure/communication-calling": "^1.4.4",
    "@azure/communication-calling-effects": "^1.0.1",
    "@azure/communication-chat": "^1.3.2",
    "@azure/communication-common": "^2.3.0",
    "@azure/communication-react": "^1.4.1",

  const  localVideoViewOptions = {
    scalingMode: 'Crop',
    isMirrored: true
  };
  
const   remoteVideoViewOptions = {
    scalingMode: 'Crop'
  };

  
  let videoGalleryProps = usePropsFor(VideoGallery);
   

  return (
    <Stack className={mergeStyles({ height: '100%' })}>
      <div className="video-wrapper">
        {videoGalleryProps && <VideoGallery  {...videoGalleryProps} 
        localVideoViewOptions={localVideoViewOptions}
        remoteVideoViewOptions={remoteVideoViewOptions}
        layout="floatingLocalVideo" />}
      </div>
   
    </Stack>

  );
};