@stream-io/video-react-native-sdk 1.10.17 → 1.10.18

package/src/components/Call/CallContent/RTCViewPipIOS.tsx

@@ -8,7 +8,7 @@ import { useCall, useCallStateHooks } from '@stream-io/video-react-bindings';
 import type { MediaStream } from '@stream-io/react-native-webrtc';
 import React, { useEffect, useMemo } from 'react';
 import { findNodeHandle } from 'react-native';
-import { RTCViewPipNative, onNativeCallClosed } from './RTCViewPipNative';
+import { onNativeCallClosed, RTCViewPipNative } from './RTCViewPipNative';
 import { useDebouncedValue } from '../../../utils/hooks/useDebouncedValue';
 import { shouldDisableIOSLocalVideoOnBackgroundRef } from '../../../utils/internal/shouldDisableIOSLocalVideoOnBackground';
 
@@ -26,7 +26,7 @@ const RTCViewPipIOS = React.memo(({ includeLocalParticipantVideo }: Props) => {
 
   const [dominantSpeaker, dominantSpeaker2] = allParticipants.filter(
     (participant) =>
-      includeLocalParticipantVideo ? true : !participant.isLocalParticipant
+      includeLocalParticipantVideo ? true : !participant.isLocalParticipant,
   );
 
   // show the dominant remote speaker in PiP mode
@@ -59,7 +59,7 @@ const RTCViewPipIOS = React.memo(({ includeLocalParticipantVideo }: Props) => {
     const unsubFunc = call?.on('call.ended', () => {
       getLogger(['RTCViewPipIOS'])(
         'debug',
-        `onCallClosed due to call.ended event`
+        `onCallClosed due to call.ended event`,
       );
       unsubFunc?.();
       onCallClosed();
@@ -68,7 +68,7 @@ const RTCViewPipIOS = React.memo(({ includeLocalParticipantVideo }: Props) => {
       if (state === CallingState.LEFT || state === CallingState.IDLE) {
         getLogger(['RTCViewPipIOS'])(
           'debug',
-          `onCallClosed due to callingState: ${state}`
+          `onCallClosed due to callingState: ${state}`,
         );
         subscription?.unsubscribe();
         onCallClosed();
@@ -100,4 +100,6 @@ const RTCViewPipIOS = React.memo(({ includeLocalParticipantVideo }: Props) => {
   return <RTCViewPipNative streamURL={streamURL} ref={nativeRef} />;
 });
 
+RTCViewPipIOS.displayName = 'RTCViewPipIOS';
+
 export default RTCViewPipIOS;

package/src/components/Call/CallContent/RTCViewPipNative.tsx

@@ -4,8 +4,8 @@ import {
   type HostComponent,
   Platform,
   requireNativeComponent,
-  UIManager,
   StyleSheet,
+  UIManager,
 } from 'react-native';
 
 const COMPONENT_NAME = 'RTCViewPip';
@@ -21,9 +21,8 @@ export function onNativeCallClosed(reactTag: number) {
   getLogger(['RTCViewPipNative'])('debug', 'onNativeCallClosed');
   UIManager.dispatchViewManagerCommand(
     reactTag,
-    // @ts-ignore
     UIManager.getViewManagerConfig(COMPONENT_NAME).Commands.onCallClosed,
-    []
+    [],
   );
 }
 
@@ -42,10 +41,11 @@ export const RTCViewPipNative = React.memo(
       <NativeComponent
         style={StyleSheet.absoluteFill}
         pointerEvents={'none'}
+        // eslint-disable-next-line react/prop-types
         streamURL={props.streamURL}
-        // @ts-ignore
+        // @ts-expect-error - types issue
         ref={ref}
       />
     );
-  })
+  }),
 );

package/src/components/Call/CallControls/CallControlsButton.tsx

@@ -46,7 +46,7 @@ interface CallControlsButtonProps {
 }
 
 export const CallControlsButton = (
-  props: React.PropsWithChildren<CallControlsButtonProps>
+  props: React.PropsWithChildren<CallControlsButtonProps>,
 ) => {
   const {
     onPress,

package/src/components/Call/CallControls/LobbyControls.tsx

@@ -31,6 +31,6 @@ const useStyles = () => {
           justifyContent: 'space-evenly',
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Call/CallControls/ScreenShareToggleButton.tsx

@@ -41,7 +41,7 @@ export const ScreenShareToggleButton = ({
   const { onPress, hasPublishedScreenShare } = useScreenShareButton(
     screenCapturePickerViewiOSRef,
     onScreenShareStartedHandler,
-    onScreenShareStoppedHandler
+    onScreenShareStoppedHandler,
   );
 
   if (!onPress) return null;

package/src/components/Call/CallControls/internal/ReactionsPicker.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useMemo, useRef } from 'react';
 import {
+  Animated,
+  Easing,
   type LayoutRectangle,
   Pressable,
   StyleSheet,
-  Animated,
-  Easing,
 } from 'react-native';
 import { useCall } from '@stream-io/video-react-bindings';
-import { type SendReactionRequest, getLogger } from '@stream-io/video-client';
+import { getLogger, type SendReactionRequest } from '@stream-io/video-client';
 import { ComponentTestIds } from '../../../../constants/TestIds';
 import { useTheme } from '../../../../contexts/ThemeContext';
 import type { ReactionsButtonProps } from '../ReactionsButton';
@@ -187,6 +187,6 @@ const useStyles = () => {
           fontSize: 18.5,
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Call/CallLayout/CallParticipantsSpotlight.tsx

@@ -176,6 +176,6 @@ const useStyles = () => {
           flex: 1,
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Call/CallParticipantsList/CallParticipantsList.tsx

@@ -116,7 +116,7 @@ export const CallParticipantsList = ({
     const participantPatches: StreamVideoParticipantPatches = {};
     let mustUpdate = false;
     const newVisibleParticipantSessionIds = new Set<string>(
-      viewableItems.map((v) => v.key)
+      viewableItems.map((v) => v.key),
     );
     const oldVisibleParticipantSessionIds =
       viewableParticipantSessionIds.current;
@@ -151,7 +151,7 @@ export const CallParticipantsList = ({
 
   // NOTE: key must be sessionId always as it is used to track viewable participants
   const keyExtractor = useRef<NonNullable<FlatListProps['keyExtractor']>>(
-    (item) => item.sessionId
+    (item) => item.sessionId,
   ).current;
 
   const onLayout = useRef<NonNullable<FlatListProps['onLayout']>>((event) => {
@@ -199,7 +199,7 @@ export const CallParticipantsList = ({
   const renderItem = useCallback<NonNullable<FlatListProps['renderItem']>>(
     ({ item: participant }) => {
       const isVisible = viewableParticipantSessionIds.current.has(
-        participant.sessionId
+        participant.sessionId,
       );
       return (
         <>
@@ -217,7 +217,7 @@ export const CallParticipantsList = ({
       );
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    [itemContainerStyle]
+    [itemContainerStyle],
   );
 
   // in vertical mode, only when there are more than 2 participants in a call, the participants should be displayed in a grid
@@ -281,7 +281,7 @@ const useStyles = () => {
           margin: theme.variants.spacingSizes.xs,
         },
       }),
-    [theme]
+    [theme],
   );
 };
 

package/src/components/Call/Lobby/JoinCallButton.tsx

@@ -84,6 +84,6 @@ const useStyles = () => {
           textAlign: 'center',
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Call/Lobby/Lobby.tsx

@@ -7,6 +7,7 @@ import {
 } from '@stream-io/video-react-bindings';
 import { Avatar } from '../../utility/Avatar';
 import type { StreamVideoParticipant } from '@stream-io/video-client';
+import type { MediaStream } from '@stream-io/react-native-webrtc';
 import { RTCView } from '@stream-io/react-native-webrtc';
 import { LobbyControls as DefaultLobbyControls } from '../CallControls/LobbyControls';
 import {
@@ -15,7 +16,6 @@ import {
 } from './JoinCallButton';
 import { useTheme } from '../../../contexts/ThemeContext';
 import { useCallMediaStreamCleanup } from '../../../hooks/internal/useCallMediaStreamCleanup';
-import type { MediaStream } from '@stream-io/react-native-webrtc';
 import {
   LobbyFooter as DefaultLobbyFooter,
   type LobbyFooterProps,
@@ -206,6 +206,6 @@ const useStyles = (landscape = false) => {
           flexShrink: 1,
         },
       }),
-    [theme, landscape]
+    [theme, landscape],
   );
 };

package/src/components/Call/Lobby/LobbyFooter.tsx

@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { type LobbyProps } from './Lobby';
-import { View, StyleSheet, Text } from 'react-native';
+import { StyleSheet, Text, View } from 'react-native';
 import { useTheme } from '../../../contexts/ThemeContext';
 import { useCallStateHooks, useI18n } from '@stream-io/video-react-bindings';
 import { Lock } from '../../../icons/Lock';
@@ -92,6 +92,6 @@ const useStyles = () => {
           fontWeight: '400',
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Call/RingingCallContent/UserInfo.tsx

@@ -63,7 +63,7 @@ export const UserInfo = ({
   }
 
   const memberUserIds = membersToShow.map(
-    (memberToShow) => memberToShow.name ?? memberToShow.id
+    (memberToShow) => memberToShow.name ?? memberToShow.id,
   );
 
   const callTitle = generateCallTitle(memberUserIds, totalMembersToShow);

package/src/components/Livestream/HostLivestream/HostLivestream.tsx

@@ -188,6 +188,6 @@ const useStyles = () => {
           zIndex: Z_INDEX.IN_FRONT,
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Livestream/LivestreamControls/LivestreamScreenShareToggleButton.tsx

@@ -23,7 +23,7 @@ export const LivestreamScreenShareToggleButton = () => {
   const screenCapturePickerViewiOSRef = React.useRef(null);
 
   const { onPress, hasPublishedScreenShare } = useScreenShareButton(
-    screenCapturePickerViewiOSRef
+    screenCapturePickerViewiOSRef,
   );
 
   return (

package/src/components/Livestream/LivestreamLayout/LivestreamLayout.tsx

@@ -68,7 +68,7 @@ export const LivestreamLayout = ({
         setObjectFit(isWidthWide ? 'contain' : 'cover');
       }
     },
-    []
+    [],
   );
 
   const landScapeStyles: ViewStyle = {

package/src/components/Livestream/LivestreamTopView/DurationBadge.tsx

@@ -66,7 +66,7 @@ export const DurationBadge = ({ mode }: DurationBadgeProps) => {
 
     const callLiveStartedUnsubscribe = call?.on(
       'call.live_started',
-      handleLiveStarted
+      handleLiveStarted,
     );
     const callUpdatedUnsubscribe = call?.on('call.updated', handleLiveEnded);
 

package/src/components/Livestream/ViewerLivestream/ViewerLivestream.tsx

@@ -138,6 +138,6 @@ const useStyles = () => {
           backgroundColor: theme.colors.sheetPrimary,
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Participant/FloatingParticipantView/FloatingView/AnimatedFloatingView.tsx

@@ -1,18 +1,18 @@
-import React, { useRef, useReducer, useEffect } from 'react';
+import React, { useEffect, useReducer, useRef } from 'react';
 import {
   Animated,
+  Easing,
   type LayoutRectangle,
   PanResponder,
-  Easing,
-  View,
   StyleSheet,
+  View,
 } from 'react-native';
 import {
-  type FloatingViewProps,
-  getSnapAlignments,
+  floatingChildViewContainerStyle,
   FloatingViewAlignment,
+  type FloatingViewProps,
   getClosestSnapAlignment,
-  floatingChildViewContainerStyle,
+  getSnapAlignments,
 } from './common';
 import { getLogger } from '@stream-io/video-client';
 
@@ -34,7 +34,7 @@ const AnimatedFloatingView = ({
   // we need to force update the component when the rectangle is available
   // we cannot just rely on the rectangle because it is not available on the first render
   // and we need snapAlignments to be in a Ref so that it can be used in the panResponder's creation Ref
-  const [_, forceUpdate] = useReducer((x) => x + 1, 0);
+  const [, forceUpdate] = useReducer((x) => x + 1, 0);
 
   // the offsets for the translate bounds of the floating view
   // stored in ref, because it is used in the panResponder (which has to be a ref)
@@ -86,7 +86,7 @@ const AnimatedFloatingView = ({
         ],
         {
           useNativeDriver: false, // pan responder move event doesn't support nativeDriver
-        }
+        },
       ),
       onPanResponderGrant: () => {
         // start of a drag value is always (0,0) and offset is the last (translateX, translateY)
@@ -111,14 +111,14 @@ const AnimatedFloatingView = ({
           easing: Easing.inOut(Easing.quad),
         }).start();
       },
-    })
+    }),
   ).current;
 
   useEffect(() => {
     const logger = getLogger(['AnimatedFloatingView']);
     logger(
       'info',
-      'react-native-reanimated and/or react-native-gesture-handler libraries are not installed. Please install them to get a more performant draggable local video component'
+      'react-native-reanimated and/or react-native-gesture-handler libraries are not installed. Please install them to get a more performant draggable local video component',
     );
   }, []);
 

package/src/components/Participant/FloatingParticipantView/FloatingView/ReanimatedFloatingView.tsx

@@ -1,19 +1,20 @@
-import React, { useMemo, useEffect } from 'react';
+import React, { useEffect, useMemo } from 'react';
 import { type LayoutRectangle, View } from 'react-native';
 import {
-  FloatingViewAlignment,
-  getSnapAlignments,
-  getClosestSnapAlignment,
   floatingChildViewContainerStyle,
+  FloatingViewAlignment,
   type FloatingViewProps,
+  getClosestSnapAlignment,
+  getSnapAlignments,
 } from './common';
+
 type GestureHandlerExportsType = typeof import('react-native-gesture-handler');
 type ReanimatedNamespaceType = typeof import('react-native-reanimated').default;
 type ReanimatedExportsType = typeof import('react-native-reanimated');
 
 let ReanimatedFloatingView: React.FC<FloatingViewProps> = () => {
   throw new Error(
-    'ReanimatedFloatingView component must not be used without the react-native-reanimated library and react-native-gesture-handler library installed'
+    'ReanimatedFloatingView component must not be used without the react-native-reanimated library and react-native-gesture-handler library installed',
   );
 };
 
@@ -39,6 +40,7 @@ try {
     withDelay: ReanimatedExportsType['withDelay'];
   } = require('react-native-reanimated');
 
+  // eslint-disable-next-line react/display-name
   ReanimatedFloatingView = ({
     initialAlignment,
     containerHeight,
@@ -77,7 +79,7 @@ try {
     }, [rectangle, containerWidth, containerHeight]);
 
     const dragGesture = Gesture.Pan()
-      .onStart((_e) => {
+      .onStart(() => {
         start.value = {
           x: translationX.value,
           y: translationY.value,
@@ -89,15 +91,15 @@ try {
           0,
           Math.min(
             e.translationX + (start.value.x ?? 0),
-            snapAlignments[FloatingViewAlignment.bottomRight].x
-          )
+            snapAlignments[FloatingViewAlignment.bottomRight].x,
+          ),
         );
         translationY.value = Math.max(
           0,
           Math.min(
             e.translationY + (start.value.y ?? 0),
-            snapAlignments[FloatingViewAlignment.bottomRight].y
-          )
+            snapAlignments[FloatingViewAlignment.bottomRight].y,
+          ),
         );
       })
       .onEnd(() => {
@@ -138,7 +140,7 @@ try {
       start,
     ]);
 
-    // @ts-ignore
+    // @ts-expect-error - types conflict
     const animatedStyle = useAnimatedStyle(() => {
       return {
         height: rectangle?.height,
@@ -160,7 +162,7 @@ try {
       // gesture handler root view must absolutely fill the bounds
       // to intercept gestures within those bounds
       <GestureDetector gesture={dragGesture}>
-        {/* @ts-ignore */}
+        {/* @ts-expect-error types conflict */}
         <Reanimated.View style={animatedStyle}>
           <View
             onLayout={(event) => {
@@ -186,6 +188,6 @@ try {
       </GestureDetector>
     );
   };
-} catch (e) {}
+} catch {}
 
 export default ReanimatedFloatingView;

package/src/components/Participant/ParticipantView/ParticipantLabel.tsx

@@ -187,6 +187,6 @@ const useStyles = () => {
           justifyContent: 'center',
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Participant/ParticipantView/ParticipantNetworkQualityIndicator.tsx

@@ -15,7 +15,7 @@ export type ParticipantNetworkQualityIndicatorProps = Pick<
 >;
 
 const useConnectionQualitySignalColors = (
-  participant: ParticipantViewProps['participant']
+  participant: ParticipantViewProps['participant'],
 ) => {
   const {
     theme: { colors },

package/src/components/Participant/ParticipantView/ParticipantReaction.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
 import { useCall } from '@stream-io/video-react-bindings';
-import { Z_INDEX, defaultEmojiReactions } from '../../../constants';
+import { defaultEmojiReactions, Z_INDEX } from '../../../constants';
 import type { ParticipantViewProps } from './ParticipantView';
 import { useTheme } from '../../../contexts/ThemeContext';
 import type { CallContentProps } from '../../Call';
@@ -53,7 +53,7 @@ export const ParticipantReaction = ({
     reaction &&
     supportedReactions.find(
       (supportedReaction) =>
-        supportedReaction.emoji_code === reaction.emoji_code
+        supportedReaction.emoji_code === reaction.emoji_code,
     );
 
   return (
@@ -90,6 +90,6 @@ const useStyles = () => {
           justifyContent: 'center',
         },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Participant/ParticipantView/ParticipantView.tsx

@@ -183,6 +183,6 @@ const useStyles = () => {
         },
         networkIndicatorOnly: { justifyContent: 'flex-end' },
       }),
-    [theme]
+    [theme],
   );
 };

package/src/components/Participant/ParticipantView/SpeechIndicator.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useMemo, useState } from 'react';
-import { View, Animated, StyleSheet } from 'react-native';
+import { Animated, StyleSheet, View } from 'react-native';
 import { useTheme } from '../../../contexts';
 
 /**
@@ -41,7 +41,7 @@ export const SpeechIndicator = ({ isSpeaking }: SpeechIndicatorProps) => {
               duration: (index + 1) * 300,
               useNativeDriver: true,
             }),
-          ])
+          ]),
         ).start();
       });
     } else {
@@ -96,7 +96,7 @@ const useStyles = () => {
           borderRadius: 2,
         },
       }),
-    [theme]
+    [theme],
   );
 };
 

package/src/components/Participant/ParticipantView/VideoRenderer.tsx

@@ -217,7 +217,7 @@ export const VideoRenderer = ({
   }, [trackType, sessionId]);
 
   const onLayout: React.ComponentProps<typeof RTCView>['onLayout'] = (
-    event
+    event,
   ) => {
     if (!call || isLocalParticipant) {
       return;

package/src/contexts/BackgroundFilters.tsx

@@ -27,7 +27,7 @@ let videoFiltersModule: VideoFiltersModuleType | undefined;
 
 try {
   videoFiltersModule = require('@stream-io/video-filters-react-native');
-} catch (_e) {}
+} catch {}
 
 const resolveAssetSourceFunc = Image.resolveAssetSource;
 
@@ -87,12 +87,12 @@ export const useBackgroundFilters = () => {
   const context = useContext(BackgroundFiltersContext);
   if (!context) {
     throw new Error(
-      'useBackgroundFilters must be used within a BackgroundFiltersProvider'
+      'useBackgroundFilters must be used within a BackgroundFiltersProvider',
     );
   }
   if (!videoFiltersModule) {
     throw new Error(
-      "Install the '@stream-io/video-filters-react-native' library to use background filters"
+      "Install the '@stream-io/video-filters-react-native' library to use background filters",
     );
   }
   return context;
@@ -107,7 +107,7 @@ export const useBackgroundFilters = () => {
 export const BackgroundFiltersProvider = ({ children }: PropsWithChildren) => {
   if (!videoFiltersModule) {
     throw new Error(
-      "Install the '@stream-io/video-filters-react-native' library to use background filters"
+      "Install the '@stream-io/video-filters-react-native' library to use background filters",
     );
   }
   const call = useCall();
@@ -138,7 +138,7 @@ export const BackgroundFiltersProvider = ({ children }: PropsWithChildren) => {
         });
       setCurrentBackgroundFilter({ blur: blurIntensity });
     },
-    [call]
+    [call],
   );
 
   const applyBackgroundImageFilter = useCallback(
@@ -161,7 +161,7 @@ export const BackgroundFiltersProvider = ({ children }: PropsWithChildren) => {
         });
       setCurrentBackgroundFilter({ image: imageSource });
     },
-    [call]
+    [call],
   );
 
   const disableAllFilters = useCallback(() => {
@@ -189,7 +189,7 @@ export const BackgroundFiltersProvider = ({ children }: PropsWithChildren) => {
       applyBackgroundImageFilter,
       currentBackgroundFilter,
       disableAllFilters,
-    ]
+    ],
   );
 
   return (

package/src/contexts/StreamVideoContext.tsx

@@ -17,7 +17,7 @@ function createStoreContext<StoreType extends object>(initialState: StoreType) {
   type SetStateFuncType = (
     partialStateOrFunc:
       | Partial<StoreType>
-      | ((prevState: StoreType) => Partial<StoreType>)
+      | ((prevState: StoreType) => Partial<StoreType>),
   ) => void;
 
   // returns unsubscribe function
@@ -79,7 +79,7 @@ function createStoreContext<StoreType extends object>(initialState: StoreType) {
    * @category Client State
    */
   function useStoreValue<SelectorOutput extends StoreType[keyof StoreType]>(
-    selector: (store: StoreType) => SelectorOutput
+    selector: (store: StoreType) => SelectorOutput,
   ): SelectorOutput {
     const store = useContext(StoreContext);
     if (!store) {
@@ -89,7 +89,7 @@ function createStoreContext<StoreType extends object>(initialState: StoreType) {
     const [state, setState] = useState(selector(store.getSnapshot()));
     useEffect(
       () => store.subscribe(() => setState(selector(store.getSnapshot()))),
-      [selector, store]
+      [selector, store],
     );
 
     return state;

package/src/contexts/ThemeContext.tsx

@@ -45,7 +45,7 @@ export const mergeThemes = (params: MergedThemesParams) => {
 const DEFAULT_BASE_CONTEXT_VALUE = {};
 
 export const ThemeContext = createContext<Theme>(
-  DEFAULT_BASE_CONTEXT_VALUE as Theme
+  DEFAULT_BASE_CONTEXT_VALUE as Theme,
 );
 
 export const ThemeProvider: React.FC<
@@ -73,7 +73,7 @@ export const useTheme = () => {
 
   if (theme === DEFAULT_BASE_CONTEXT_VALUE) {
     throw new Error(
-      'The useThemeContext hook was called outside the ThemeContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider'
+      'The useThemeContext hook was called outside the ThemeContext Provider. Make sure you have configured OverlayProvider component correctly - https://getstream.io/chat/docs/sdk/reactnative/basics/hello_stream_chat/#overlay-provider',
     );
   }
   return { theme };

package/src/hooks/internal/useCallMediaStreamCleanup.ts

@@ -1,4 +1,3 @@
-import { MediaStream } from '@stream-io/react-native-webrtc';
 import {
   CallingState,
   disposeOfMediaStream,
@@ -19,9 +18,7 @@ export const useCallMediaStreamCleanup = () => {
 
   useEffect(() => {
     return () => {
-      const mediaStream = callRef.current?.camera.state.mediaStream as
-        | MediaStream
-        | undefined;
+      const mediaStream = callRef.current?.camera.state.mediaStream;
       if (
         mediaStream &&
         !(
@@ -31,10 +28,9 @@ export const useCallMediaStreamCleanup = () => {
       ) {
         getLogger(['useCallMediaStreamCleanup'])(
           'debug',
-          'Cleaning up camera media stream'
+          'Cleaning up camera media stream',
         );
         // we cleanup media stream only if call is not joined or joining
-        // @ts-ignore Due to DOM typing incompatible with RN
         disposeOfMediaStream(mediaStream);
       }
     };