fix: handle undefined participant in iOS pip (#1878)

### 💡 Overview

Fixes a bug caused by #1876 
There could be 0 participants when rendering RTCIOSPiP, this was not
handled

### 📝 Implementation notes

Added a null defaulter

Author: santhoshvai

packages/react-native-sdk/src/components/Call/CallContent/RTCViewPipIOS.tsx

@@ -39,7 +39,8 @@ export const RTCViewPipIOS = React.memo((props: Props) => {
 
   // show the dominant remote speaker in PiP mode
   // local speaker is shown only if remote doesn't exist
-  let participantInSpotlight = dominantSpeaker;
+  let participantInSpotlight: StreamVideoParticipant | undefined =
+    dominantSpeaker;
   if (dominantSpeaker?.isLocalParticipant && dominantSpeaker2) {
     participantInSpotlight = dominantSpeaker2;
   }
@@ -94,9 +95,11 @@ export const RTCViewPipIOS = React.memo((props: Props) => {
     }
   }, []);
 
-  const { videoStream, screenShareStream } = participantInSpotlight;
+  const { videoStream, screenShareStream } = participantInSpotlight || {};
 
-  const isScreenSharing = hasScreenShare(participantInSpotlight);
+  const isScreenSharing = participantInSpotlight
+    ? hasScreenShare(participantInSpotlight)
+    : false;
 
   const videoStreamToRender = (isScreenSharing
     ? screenShareStream
@@ -112,12 +115,14 @@ export const RTCViewPipIOS = React.memo((props: Props) => {
   return (
     <>
       <RTCViewPipNative streamURL={streamURL} ref={nativeRef} />
-      <DimensionsUpdatedRenderless
-        participant={participantInSpotlight}
-        trackType={isScreenSharing ? 'screenShareTrack' : 'videoTrack'}
-        onDimensionsUpdated={onDimensionsUpdated}
-        key={streamURL}
-      />
+      {participantInSpotlight && (
+        <DimensionsUpdatedRenderless
+          participant={participantInSpotlight}
+          trackType={isScreenSharing ? 'screenShareTrack' : 'videoTrack'}
+          onDimensionsUpdated={onDimensionsUpdated}
+          key={streamURL}
+        />
+      )}
     </>
   );
 });

packages/react-native-sdk/src/components/Call/CallContent/RTCViewPipNative.tsx

@@ -19,11 +19,10 @@ const NativeComponent: HostComponent<RTCViewPipNativeProps> =
 
 export function onNativeCallClosed(reactTag: number) {
   getLogger(['RTCViewPipNative'])('debug', 'onNativeCallClosed');
-  UIManager.dispatchViewManagerCommand(
-    reactTag,
-    UIManager.getViewManagerConfig(COMPONENT_NAME).Commands.onCallClosed,
-    [],
-  );
+  const commandId =
+    UIManager.getViewManagerConfig(COMPONENT_NAME).Commands.onCallClosed;
+  if (!commandId) return;
+  UIManager.dispatchViewManagerCommand(reactTag, commandId, []);
 }
 
 export function onNativeDimensionsUpdated(
@@ -35,12 +34,11 @@ export function onNativeDimensionsUpdated(
     width,
     height,
   });
-  UIManager.dispatchViewManagerCommand(
-    reactTag,
+  const commandId =
     UIManager.getViewManagerConfig(COMPONENT_NAME).Commands
-      .setPreferredContentSize,
-    [width, height],
-  );
+      .setPreferredContentSize;
+  if (!commandId) return;
+  UIManager.dispatchViewManagerCommand(reactTag, commandId, [width, height]);
 }
 
 /** Wrapper for the native view

packages/react-native-sdk/src/hooks/useScreenShareButton.ts

@@ -12,7 +12,7 @@ import { useIsIosScreenshareBroadcastStarted } from './useIsIosScreenshareBroadc
 // ios >= 14.0 or android - platform restrictions
 const CanDeviceScreenShare =
   (Platform.OS === 'ios' &&
-    Number.parseInt(Platform.Version.split('.')[0], 10) >= 14) ||
+    Number.parseInt(Platform.Version?.split('.')[0] ?? '0', 10) >= 14) ||
   Platform.OS === 'android';
 
 export const useScreenShareButton = (

packages/react-native-sdk/tsconfig.json

@@ -12,6 +12,7 @@
     "skipLibCheck": true,
     "strict": true,
     "strictNullChecks": true,
+    "noUncheckedIndexedAccess": true,
     "jsx": "react"
   },
   "include": ["src"]