diff --git a/src/components/Lottie/Lottie.svelte b/src/components/Lottie/Lottie.svelte
index f3cae789..d7a64ec8 100644
--- a/src/components/Lottie/Lottie.svelte
+++ b/src/components/Lottie/Lottie.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
   // Libraries & utils
-  import { onDestroy, onMount, setContext } from 'svelte';
+  import { onMount, setContext } from 'svelte';
+  // @ts-ignore library has no types
   import { DotLottie } from '@lottiefiles/dotlottie-web';
   import { createLottieState } from './ts/lottieState.svelte';
   import { isEqual } from 'es-toolkit';
@@ -168,19 +169,15 @@
     }
 
     return () => {
-      lottiePlayer?.destroy();
+      if (lottiePlayer) {
+        lottiePlayer.removeEventListener('render', onRender);
+        lottiePlayer.removeEventListener('load', onLoad);
+        lottiePlayer.destroy();
+      }
+      window.removeEventListener('resize', handleWindowResize);
     };
   });
 
-  onDestroy(() => {
-    if (lottiePlayer) {
-      lottiePlayer.removeEventListener('render', onRender);
-      lottiePlayer.removeEventListener('load', onLoad);
-      lottiePlayer.destroy();
-    }
-    window.removeEventListener('resize', handleWindowResize);
-  });
-
   // Handles progress change
   $effect(() => {
     if (lottieState.isLoaded && lottieState.progress !== progress) {