MSDocRenderer keep reloading the file when scrolling on mobile web browser

[xzhuah]

I am using the following code to render MsDoc file on my web page:

<DocViewer documents={[{uri: src, fileType: "doc", fileName: name}]} key={src} pluginRenderers={[MSDocRenderer]} style={{ width: "100%", height: "70svh", maxHeight: "100%" }}/>

It works on Desktop.

But when I test it on mobile web browser, As long as I scroll my screen, the iframe would reload the file, making it unusable.

Also when on Desktop, if I change my browser screen width, it will also causing the iframe to reload.

Here is a video showing what I see: https://www.youtube.com/shorts/K_n4Xr_EFEE

Anyone knows what might be wrong here?