Animation stopped when I navigate between screen

[donate110]

Hi, I'm facing something weird.
I implemented animation component using react-lottie-player.
It looks working well but I found something weird.
When I navigate on other screen and then come back to animation screen, my animation is freeze.
I am not sure why this happens.
Could you help me with this?
<Lottie animationData={animationData} play={play} onLoopComplete={() => { setPlay(false); }} />

[mifi]

if you remove onLoopComplete={() => { setPlay(false); }}, does it work then?

[donate110]

I mean that instead of playing to the end, it stop midway.

[donate110]

if you remove onLoopComplete={() => { setPlay(false); }}, does it work then?

It plays to the end if I don't navigate to other screen.

[mifi]

maybe if you make a codesandbox or similar, then someone can help you out