fix: null-check for getSettings (#6611)

Author: adrianjoshua-strutt

packages/react-liveness/src/components/FaceLivenessDetector/hooks/__tests__/useMediaStreamInVideo.test.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { renderHook } from '@testing-library/react';
 
 import { useMediaStreamInVideo } from '../useMediaStreamInVideo';
+import { STATIC_VIDEO_CONSTRAINTS } from '../../utils/helpers';
 
 describe('useMediaStreamInVideo', () => {
   it('should return videoRef, videoHeight, videoWidth', () => {
@@ -32,4 +33,47 @@ describe('useMediaStreamInVideo', () => {
     expect(stream.removeTrack).toHaveBeenCalledWith(track);
     expect(track.stop).toHaveBeenCalled();
   });
+
+  it('should handle stream with no tracks', () => {
+    const stream = {
+      getTracks: () => [],
+      removeTrack: jest.fn(),
+    } as unknown as MediaStream;
+
+    const { result, unmount } = renderHook(() => useMediaStreamInVideo(stream));
+
+    const height = (STATIC_VIDEO_CONSTRAINTS.height as ConstrainULongRange)
+      .ideal;
+    const width = (STATIC_VIDEO_CONSTRAINTS.width as ConstrainULongRange).ideal;
+
+    expect(result.current.videoHeight).toBe(height);
+    expect(result.current.videoWidth).toBe(width);
+
+    unmount();
+  });
+
+  it('should handle stream track with no settings', () => {
+    const track = {
+      getSettings: () => undefined,
+      stop: jest.fn(),
+    } as unknown as MediaStreamTrack;
+
+    const stream = {
+      getTracks: () => [track],
+      removeTrack: jest.fn(),
+    } as unknown as MediaStream;
+
+    const { result, unmount } = renderHook(() => useMediaStreamInVideo(stream));
+
+    const height = (STATIC_VIDEO_CONSTRAINTS.height as ConstrainULongRange)
+      .ideal;
+    const width = (STATIC_VIDEO_CONSTRAINTS.width as ConstrainULongRange).ideal;
+
+    expect(result.current.videoHeight).toBe(height);
+    expect(result.current.videoWidth).toBe(width);
+
+    unmount();
+    expect(stream.removeTrack).toHaveBeenCalledWith(track);
+    expect(track.stop).toHaveBeenCalled();
+  });
 });

packages/react-liveness/src/components/FaceLivenessDetector/hooks/useMediaStreamInVideo.ts

@@ -25,12 +25,12 @@ export function useMediaStreamInVideo(
       if (isObject(videoRef.current)) {
         videoRef.current.srcObject = stream;
       }
-      const { height: streamHeight, width: streamWidth } = stream
-        .getTracks()[0]
-        .getSettings();
 
-      setVideoHeight(streamHeight);
-      setVideoWidth(streamWidth);
+      const settings = stream.getTracks()?.[0]?.getSettings();
+      if (settings) {
+        setVideoHeight(settings.height);
+        setVideoWidth(settings.width);
+      }
     }
 
     return () => {