Animation not destroying until a Mouse move or screen click

1

I have a animation set when after a API call is complete the Animation plays out and is then destroyed, however the Animation plays out and then remains on screen frozen until I move the mouse or on a Mobile touch the screen:

animationLoopCompleted(){
if (this.apiFinished) {
this.showMatchingAnimation = false;
this.lottieAnimation.destroy();
}
};