fix: lobby video stream rerender

GetStream · Nov 29, 2023 · 8981a2f · 8981a2f
1 parent bcc8042
commit 8981a2f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 10 deletions.
diff --git a/packages/react-native-sdk/src/components/Call/Lobby/Lobby.tsx b/packages/react-native-sdk/src/components/Call/Lobby/Lobby.tsx
@@ -66,12 +66,9 @@ export const Lobby = ({
   } = useTheme();
   const connectedUser = useConnectedUser();
   const { useCameraState } = useCallStateHooks();
-  const { status: cameraStatus } = useCameraState();
-  const call = useCall();
+  const { status: cameraStatus, mediaStream } = useCameraState();
   const { t } = useI18n();
-  const localVideoStream = call?.camera.state.mediaStream as unknown as
-    | MediaStream
-    | undefined;
+  const localVideoStream = mediaStream as unknown as MediaStream | undefined;
 
   useCallMediaStreamCleanup();
 

diff --git a/packages/react-native-sdk/src/providers/MediaStreamManagement.tsx b/packages/react-native-sdk/src/providers/MediaStreamManagement.tsx
@@ -112,18 +112,23 @@ export const MediaStreamManagement = ({
     if (initialVideoEnabled === undefined) {
       return;
     }
+    // we wait until we receive the settings from the backend
+    if (!call || !settings) {
+      return;
+    }
     if (initialAudioEnabled) {
-      call?.microphone.enable();
+      call.microphone.enable();
     } else {
-      call?.microphone.disable();
+      call.microphone.disable();
     }
 
+    call.camera.selectTargetResolution(settings.video.target_resolution);
     if (initialVideoEnabled) {
-      call?.camera.enable();
+      call.camera.enable();
     } else {
-      call?.camera.disable();
+      call.camera.disable();
     }
-  }, [call, initialAudioEnabled, initialVideoEnabled]);
+  }, [call, initialAudioEnabled, initialVideoEnabled, settings]);
 
   return <>{children}</>;
 };