updated sidebar.tsx

fixed react DOM error
jtoy · Mar 26, 2024 · 568b9e0 · 568b9e0
1 parent b942122
commit 568b9e0
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/web/src/components/Sidebar.tsx b/web/src/components/Sidebar.tsx
@@ -103,10 +103,6 @@ const Sidebar: React.FC<SidebarProps> = (
         if (isPlaying && agentPlacement && !audioPlaying && audioQueue.length > 0) {
             playAudio(audioQueue[0]);
         }
-
-        if (!agentPlacement) {
-            setAudioQueue([]);
-        }
     }, [agentPlacement, isPlaying, audioQueue, audioPlaying]);
 
     useEffect(() => {
@@ -128,6 +124,11 @@ const Sidebar: React.FC<SidebarProps> = (
                 }
             });
         }
+
+        if (!agentPlacement || !isPlayAudio) {
+            setAudioQueue([]);
+        }
+
     }, [agentPlacement, showThoughts, isPlayAudio, stepId, substepId]);
 
     const handleRewind = (): void => {