Animation is stuck when user switches tab and comes back to same

[srimaraj]

steps:

1. So we show a jlottie "hearts" animation (duration 1.5s) when user presses on a button ("like")
2. now when the user switches to other tab/page exactly before the animation is completed (before the duration 1.5s)
3. and again comes back to the same tab/page where animation is implemented
4. presses the same ("like") button gain which activates the animation,
5. now the ("hearts") animation is stuck in one frame.

also bonus(rare issue /low poriority) : animation gets stuck/slow out of nowhere

Keywords : ReactJS ,Microfrontend, TWA/PWA , navigation , jlottie ,