Do not set repeat mode if backend is not yet ready

Renumics · Aug 2, 2024 · 936b920 · 936b920
1 parent 75a685a
commit 936b920
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/components/shared/AudioViewer/index.tsx b/src/components/shared/AudioViewer/index.tsx
@@ -338,13 +338,19 @@ const AudioViewer = ({
     ]);
 
     useEffect(() => {
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        (waveform.current?.backend as any).media.loop = repeat;
         if (isReady && autoplay && !waveform.current?.isPlaying()) {
             switchActiveWidget();
             waveform.current?.play();
         }
-    }, [isReady, autoplay, repeat]);
+    }, [isReady, autoplay]);
+
+    useEffect(() => {
+        const backend = waveform.current?.backend;
+        if (backend) {
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            (backend as any).media.loop = repeat;
+        }
+    }, [isReady, repeat]);
 
     useEffect(() => {
         if (!waveform.current?.isReady) return;