fix: check if currentParticipant is actually initialized

GetStream · Oct 3, 2023 · 4947770 · 4947770
1 parent 6e8a4bd
commit 4947770
Showing 1 changed file with 15 additions and 13 deletions.
diff --git a/packages/react-sdk/src/core/components/CallLayout/LivestreamLayout.tsx b/packages/react-sdk/src/core/components/CallLayout/LivestreamLayout.tsx
@@ -102,19 +102,21 @@ export const LivestreamLayout = (props: LivestreamLayoutProps) => {
           muteAudio // audio is rendered by ParticipantsAudio
         />
       )}
-      <ParticipantView
-        className={clsx(
-          hasOngoingScreenShare &&
-            'str-video__livestream-layout__floating-participant',
-          (hasOngoingScreenShare &&
-            floatingParticipantProps?.position &&
-            `str-video__livestream-layout__floating-participant--${floatingParticipantProps.position}`) ??
-            'str-video__livestream-layout__floating-participant--top-right',
-        )}
-        participant={currentSpeaker}
-        ParticipantViewUI={FloatingParticipantOverlay || Overlay}
-        muteAudio // audio is rendered by ParticipantsAudio
-      />
+      {currentSpeaker && (
+        <ParticipantView
+          className={clsx(
+            hasOngoingScreenShare &&
+              'str-video__livestream-layout__floating-participant',
+            (hasOngoingScreenShare &&
+              floatingParticipantProps?.position &&
+              `str-video__livestream-layout__floating-participant--${floatingParticipantProps.position}`) ??
+              'str-video__livestream-layout__floating-participant--top-right',
+          )}
+          participant={currentSpeaker}
+          ParticipantViewUI={FloatingParticipantOverlay || Overlay}
+          muteAudio // audio is rendered by ParticipantsAudio
+        />
+      )}
     </div>
   );
 };