ref(TS) Improve TS (#13282)

Remove unnecessary @ts-ignores
Use @ts-expect-error instead of @ts-ignore for external dependencies

react/features/app/actions.native.ts

@@ -1,4 +1,3 @@
-/* eslint-disable lines-around-comment */
 import { setRoom } from '../base/conference/actions';
 import {
     configWillLoad,
@@ -20,14 +19,11 @@ import {
     parseURIString,
     toURLString
 } from '../base/util/uri';
-// @ts-ignore
 import { isPrejoinPageEnabled } from '../mobile/navigation/functions';
 import {
     goBackToRoot,
     navigateRoot
-    // @ts-ignore
 } from '../mobile/navigation/rootNavigationContainerRef';
-// @ts-ignore
 import { screen } from '../mobile/navigation/routes';
 import { clearNotifications } from '../notifications/actions';
 
@@ -143,7 +139,6 @@ export function appNavigate(uri?: string, options: IReloadNowOptions = {}) {
             dispatch(createDesiredLocalTracks());
             dispatch(clearNotifications());
 
-            // @ts-ignore
             const { hidePrejoin } = options;
 
             if (!hidePrejoin && isPrejoinPageEnabled(getState())) {

react/features/app/getRouteToRender.web.ts

@@ -5,8 +5,6 @@ import { IStateful } from '../base/app/types';
 import { isRoomValid } from '../base/conference/functions';
 import { isSupportedBrowser } from '../base/environment/environment';
 import { toState } from '../base/redux/functions';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import Conference from '../conference/components/web/Conference';
 import { getDeepLinkingPage } from '../deep-linking/functions';
 import UnsupportedDesktopBrowser from '../unsupported-browser/components/UnsupportedDesktopBrowser';

react/features/authentication/actions.native.ts

@@ -27,13 +27,13 @@ export function cancelLogin() {
         // a reaction to CONNECTION_FAILED). Since the
         // app/user is going to navigate to WelcomePage, the SDK
         // clients/consumers need an event.
-        const { error, passwordRequired }
+        const { error = { recoverable: undefined }, passwordRequired }
             = getState()['features/base/connection'];
 
         passwordRequired
             && dispatch(
                 connectionFailed(
-                    passwordRequired, // @ts-ignore
+                    passwordRequired,
                     set(error, 'recoverable', false) as any));
     };
 }

react/features/authentication/components/index.native.ts

@@ -1,4 +1,2 @@
 export { default as LoginDialog } from './native/LoginDialog';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 export { default as WaitForOwnerDialog } from './native/WaitForOwnerDialog';

react/features/authentication/middleware.native.ts

@@ -24,7 +24,7 @@ import {
     openLoginDialog,
     openWaitForOwnerDialog,
     stopWaitForOwner,
-    waitForOwner } from './actions.native'; // @ts-ignore
+    waitForOwner } from './actions.native';
 import { LoginDialog, WaitForOwnerDialog } from './components';
 
 /**

react/features/base/config/actions.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import { jitsiLocalStorage } from '@jitsi/js-utils';
 
 import { IStore } from '../../app/types';

react/features/base/config/functions.any.ts

@@ -1,7 +1,7 @@
-// @ts-ignore
+// @ts-expect-error
 import Bourne from '@hapi/bourne';
 // eslint-disable-next-line lines-around-comment
-// @ts-ignore
+// @ts-expect-error
 import { jitsiLocalStorage } from '@jitsi/js-utils';
 import _ from 'lodash';
 

react/features/base/dialog/components/native/BottomSheet.tsx

@@ -109,9 +109,7 @@ class BottomSheet extends PureComponent<Props> {
         } = this.props;
 
         return (
-            <SlidingView // @ts-ignore
-                accessibilityRole = 'menu'
-                accessibilityViewIsModal = { true }
+            <SlidingView
                 onHide = { this._onCancel }
                 position = 'bottom'
                 show = { Boolean(showSlidingView) }>

react/features/base/dialog/components/native/PageReloadDialog.tsx

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import { randomInt } from '@jitsi/js-utils/random';
 import React, { Component } from 'react';
 import { WithTranslation } from 'react-i18next';
@@ -11,7 +11,6 @@ import { isFatalJitsiConnectionError } from '../../../lib-jitsi-meet/functions.n
 import { hideDialog } from '../../actions';
 import logger from '../../logger';
 
-// @ts-ignore
 import ConfirmDialog from './ConfirmDialog';
 
 
@@ -39,9 +38,7 @@ interface IPageReloadDialogState {
  * Shows a warning message and counts down towards the re-load.
  */
 class PageReloadDialog extends Component<IPageReloadDialogProps, IPageReloadDialogState> {
-
-    // @ts-ignore
-    _interval: IntervalID;
+    _interval?: number;
     _timeoutSeconds: number;
 
     /**
@@ -105,7 +102,7 @@ class PageReloadDialog extends Component<IPageReloadDialogProps, IPageReloadDial
     _onCancel() {
         const { dispatch } = this.props;
 
-        clearInterval(this._interval);
+        clearInterval(this._interval ?? 0);
         dispatch(appNavigate(undefined));
 
         return true;
@@ -145,7 +142,7 @@ class PageReloadDialog extends Component<IPageReloadDialogProps, IPageReloadDial
     _onReloadNow() {
         const { dispatch } = this.props;
 
-        clearInterval(this._interval);
+        clearInterval(this._interval ?? 0);
         dispatch(reloadNow());
 
         return true;
@@ -200,8 +197,6 @@ function mapStateToProps(state: IReduxState) {
     const { fatalError } = state['features/overlay'];
 
     const fatalConnectionError
-
-        // @ts-ignore
         = connectionError && isFatalJitsiConnectionError(connectionError);
     const fatalConfigError = fatalError === configError;
 

react/features/base/jitsi-local-storage/setup.web.ts

@@ -1,7 +1,7 @@
-// @ts-ignore
+// @ts-expect-error
 import Bourne from '@hapi/bourne';
 // eslint-disable-next-line lines-around-comment
-// @ts-ignore
+// @ts-expect-error
 import { jitsiLocalStorage } from '@jitsi/js-utils/jitsi-local-storage';
 
 import { browser } from '../lib-jitsi-meet';

react/features/base/jwt/functions.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import jwtDecode from 'jwt-decode';
 
 import { IReduxState } from '../../app/types';

react/features/base/jwt/middleware.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import jwtDecode from 'jwt-decode';
 import { AnyAction } from 'redux';
 

react/features/base/lib-jitsi-meet/actions.ts

@@ -1,10 +1,9 @@
-// @ts-ignore
+// @ts-expect-error
 import { jitsiLocalStorage } from '@jitsi/js-utils';
 
 import { IStore } from '../../app/types';
 import { isOnline } from '../net-info/selectors';
 
-// @ts-ignore
 import JitsiMeetJS from './_';
 import {
     LIB_DID_DISPOSE,

react/features/base/lib-jitsi-meet/functions.any.ts

@@ -1,4 +1,5 @@
 import { IStateful } from '../app/types';
+import { ConnectionFailedError } from '../connection/actions.any';
 import { toState } from '../redux/functions';
 
 // @ts-ignore
@@ -91,7 +92,7 @@ export function isFatalJitsiConferenceError(error: Error | string) {
  * indicates a fatal {@code JitsiConnection} error, {@code true}; otherwise,
  * {@code false}.
  */
-export function isFatalJitsiConnectionError(error: Error | string) {
+export function isFatalJitsiConnectionError(error: Error | string | ConnectionFailedError) {
     if (typeof error !== 'string') {
         error = error.name; // eslint-disable-line no-param-reassign
     }

react/features/base/lib-jitsi-meet/functions.native.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import Bourne from '@hapi/bourne';
 import { NativeModules } from 'react-native';
 

react/features/base/lib-jitsi-meet/index.ts

@@ -1,6 +1,5 @@
 // Re-export JitsiMeetJS from the library lib-jitsi-meet to (the other features
 // of) the project jitsi-meet.
-// @ts-ignore
 import JitsiMeetJS from './_';
 export { JitsiMeetJS as default };
 

react/features/base/lib-jitsi-meet/middleware.ts

@@ -6,7 +6,6 @@ import { SET_NETWORK_INFO } from '../net-info/actionTypes';
 import { PARTICIPANT_LEFT } from '../participants/actionTypes';
 import MiddlewareRegistry from '../redux/MiddlewareRegistry';
 
-// @ts-ignore
 import JitsiMeetJS from './_';
 import { LIB_WILL_INIT } from './actionTypes';
 import { disposeLib, initLib } from './actions';

react/features/base/logging/LogTransport.native.ts

@@ -1,6 +1,6 @@
 import { NativeModules } from 'react-native';
 // eslint-disable-next-line lines-around-comment
-// @ts-ignore
+// @ts-expect-error
 import { format } from 'util';
 
 // Some code adapted from https://github.com/houserater/react-native-lumberjack

react/features/base/logging/functions.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import Logger, { getLogger as _getLogger } from '@jitsi/logger';
 import _ from 'lodash';
 

react/features/base/logging/middleware.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import Logger from '@jitsi/logger';
 
 import { IStore } from '../../app/types';

react/features/base/media/components/index.native.ts

@@ -1,5 +1,2 @@
-// @ts-ignore
 export { default as Audio } from './native/Audio';
-
-// @ts-ignore
 export { default as Video } from './native/Video';

react/features/base/media/components/native/VideoTransform.tsx

@@ -7,7 +7,6 @@ import { IReduxState, IStore } from '../../../../app/types';
 import { ASPECT_RATIO_WIDE } from '../../../responsive-ui/constants';
 import { storeVideoTransform } from '../../actions';
 
-// @ts-ignore
 import styles from './styles';
 
 
@@ -125,12 +124,12 @@ class VideoTransform extends Component<IProps, IState> {
     /**
      * The gesture handler object.
      */
-    gestureHandlers: Object;
+    gestureHandlers: any;
 
     /**
      * The initial distance of the fingers on pinch start.
      */
-    initialDistance: number;
+    initialDistance?: number;
 
     /**
      * The initial position of the finger on touch start.
@@ -234,8 +233,6 @@ class VideoTransform extends Component<IProps, IState> {
                     videoTransformedViewContainerStyles,
                     style
                 ] }
-
-                // @ts-ignore
                 { ...this.gestureHandlers.panHandlers }>
                 <SafeAreaView
                     edges = { [ 'bottom', 'left' ] }
@@ -489,7 +486,7 @@ class VideoTransform extends Component<IProps, IState> {
      * @param {?Object | number} value - The value of the gesture, if any.
      * @returns {void}
      */
-    _onGesture(type: string, value: any) {
+    _onGesture(type: string, value?: any) {
         let transform;
 
         switch (type) {
@@ -600,7 +597,7 @@ class VideoTransform extends Component<IProps, IState> {
                 this._onGesture('scale', scale);
             }
         } else if (gestureState.numberActiveTouches === 1
-                && isNaN(this.initialDistance)
+                && isNaN(this.initialDistance ?? 0)
                 && this._didMove(gestureState)) {
             // this is a move event
             const position = this._getTouchPosition(evt);
@@ -623,11 +620,9 @@ class VideoTransform extends Component<IProps, IState> {
      */
     _onPanResponderRelease() {
         if (this.lastTap && Date.now() - this.lastTap < TAP_TIMEOUT_MS) {
-            // @ts-ignore
             this._onGesture('press');
         }
 
-        // @ts-ignore
         delete this.initialDistance;
         this.initialPosition = {
             x: 0,

react/features/base/net-info/NetworkInfoService.native.ts

@@ -1,7 +1,7 @@
 import NetInfo from '@react-native-community/netinfo';
 import type { NetInfoState, NetInfoSubscription } from '@react-native-community/netinfo';
 // eslint-disable-next-line lines-around-comment
-// @ts-ignore
+// @ts-expect-error
 import EventEmitter from 'events';
 
 import { ONLINE_STATE_CHANGED_EVENT } from './events';
@@ -15,7 +15,7 @@ export default class NetworkInfoService extends EventEmitter {
     /**
      * Stores the native subscription for future cleanup.
      */
-    _subscription: NetInfoSubscription;
+    _subscription?: NetInfoSubscription;
 
     /**
      * Converts library's structure to {@link NetworkInfo} used by jitsi-meet.
@@ -26,10 +26,8 @@ export default class NetworkInfoService extends EventEmitter {
      */
     static _convertNetInfoState(netInfoState: NetInfoState): NetworkInfo {
         return {
-            // @ts-ignore
-            isOnline: netInfoState.isInternetReachable,
+            isOnline: Boolean(netInfoState.isInternetReachable),
 
-            // @ts-ignore
             details: netInfoState.details,
             networkType: netInfoState.type
         };
@@ -51,8 +49,7 @@ export default class NetworkInfoService extends EventEmitter {
      */
     start() {
         this._subscription = NetInfo.addEventListener(netInfoState => {
-            // @ts-ignore
-            this.emit(ONLINE_STATE_CHANGED_EVENT, NetworkInfoService._convertNetInfoState(netInfoState));
+            super.emit(ONLINE_STATE_CHANGED_EVENT, NetworkInfoService._convertNetInfoState(netInfoState));
         });
     }
 
@@ -64,8 +61,6 @@ export default class NetworkInfoService extends EventEmitter {
     stop() {
         if (this._subscription) {
             this._subscription();
-
-            // @ts-ignore
             this._subscription = undefined;
         }
     }

react/features/base/net-info/types.ts

@@ -16,13 +16,13 @@ export type NetworkInfo = {
          * If {@link networkType} is {@link NetInfoStateType.cellular} then it may provide the info about the type of
          * cellular network.
          */
-        cellularGeneration?: NetInfoCellularGeneration;
+        cellularGeneration?: NetInfoCellularGeneration | null;
 
         /**
          * Indicates whether or not the connection is expensive.
          */
         isConnectionExpensive?: boolean;
-    };
+    } | null;
 
     /**
      * Tells whether or not the internet is reachable.

react/features/base/participants/functions.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import { getGravatarURL } from '@jitsi/js-utils/avatar';
 
 import { IReduxState, IStore } from '../../app/types';

react/features/base/premeeting/components/web/PreMeetingScreen.tsx

@@ -12,8 +12,6 @@ import { getToolbarButtons, isToolbarButtonEnabled } from '../../../config/funct
 import { withPixelLineHeight } from '../../../styles/functions.web';
 
 import ConnectionStatus from './ConnectionStatus';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import Preview from './Preview';
 
 interface IProps {

react/features/base/react/components/index.native.ts

@@ -1,5 +1,2 @@
-/* eslint-disable lines-around-comment */
-// @ts-ignore
 export { default as Container } from './native/Container';
-// @ts-ignore
 export { default as Text } from './native/Text';

react/features/base/react/components/native/SlidingView.tsx

@@ -42,7 +42,7 @@ interface IProps {
     /**
      * Style of the animated view.
      */
-    style: StyleType;
+    style?: StyleType;
 }
 
 /**

react/features/base/redux/PersistenceRegistry.ts

@@ -1,7 +1,7 @@
-// @ts-ignore
+// @ts-expect-error
 import Bourne from '@hapi/bourne';
 // eslint-disable-next-line lines-around-comment
-// @ts-ignore
+// @ts-expect-error
 import { jitsiLocalStorage } from '@jitsi/js-utils';
 import md5 from 'js-md5';
 

react/features/base/settings/components/native/SettingsButton.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable lines-around-comment */
-
 import { connect } from 'react-redux';
 
 import { IReduxState } from '../../../../app/types';
@@ -7,9 +5,7 @@ import { translate } from '../../../../base/i18n/functions';
 import { IconGear } from '../../../../base/icons/svg';
 import AbstractButton, { IProps as AbstractButtonProps } from '../../../../base/toolbox/components/AbstractButton';
 import { navigate }
-// @ts-ignore
     from '../../../../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
-// @ts-ignore
 import { screen } from '../../../../mobile/navigation/routes';
 import { SETTINGS_ENABLED } from '../../../flags/constants';
 import { getFeatureFlag } from '../../../flags/functions';

react/features/base/settings/reducer.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import { jitsiLocalStorage } from '@jitsi/js-utils';
 import _ from 'lodash';
 

react/features/base/tracks/actions.native.ts

@@ -1,6 +1,4 @@
 import { IReduxState, IStore } from '../../app/types';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import { setPictureInPictureEnabled } from '../../mobile/picture-in-picture/functions';
 import { showNotification } from '../../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE } from '../../notifications/constants';

react/features/base/tracks/actions.web.ts

@@ -10,8 +10,6 @@ import { setScreenAudioShareState, setScreenshareAudioTrack } from '../../screen
 import { isAudioOnlySharing, isScreenVideoShared } from '../../screen-share/functions';
 import { toggleScreenshotCaptureSummary } from '../../screenshot-capture/actions';
 import { isScreenshotCaptureEnabled } from '../../screenshot-capture/functions';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import { AudioMixerEffect } from '../../stream-effects/audio-mixer/AudioMixerEffect';
 import { getCurrentConference } from '../conference/functions';
 import { JitsiTrackErrors, JitsiTrackEvents } from '../lib-jitsi-meet';

react/features/base/ui/components/native/IconButton.tsx

@@ -2,8 +2,6 @@ import React from 'react';
 import { TouchableRipple } from 'react-native-paper';
 
 import Icon from '../../../icons/components/Icon';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import styles from '../../../react/components/native/styles';
 import { IIconButtonProps } from '../../../react/types';
 import { BUTTON_TYPES } from '../../constants.native';

react/features/base/util/parseURLParams.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import Bourne from '@hapi/bourne';
 
 import { reportError } from './helpers';

react/features/calendar-sync/actions.native.ts

@@ -6,8 +6,6 @@ import { IStore } from '../app/types';
 import { openDialog } from '../base/dialog/actions';
 
 import { refreshCalendar } from './actions';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import UpdateCalendarEventDialog from './components/UpdateCalendarEventDialog.native';
 import { addLinkToCalendarEntry } from './functions.native';
 
@@ -40,8 +38,6 @@ export function updateCalendarEvent(eventId: string) {
         const roomName = generateRoomWithoutSeparator();
 
         addLinkToCalendarEntry(getState(), eventId, `${defaultUrl}/${roomName}`)
-
-        // @ts-ignore
         .finally(() => {
             dispatch(refreshCalendar(false, false));
         });

react/features/calendar-sync/functions.web.ts

@@ -1,4 +1,3 @@
-/* eslint-disable lines-around-comment */
 import { IStore } from '../app/types';
 import { IStateful } from '../base/app/types';
 import { toState } from '../base/redux/functions';
@@ -17,11 +16,8 @@ import {
 } from './constants';
 import { _updateCalendarEntries } from './functions.web';
 import logger from './logger';
-// @ts-ignore
 import { googleCalendarApi } from './web/googleCalendar';
-// @ts-ignore
 import { microsoftCalendarApi } from './web/microsoftCalendar';
-/* eslint-enable lines-around-comment */
 
 /**
  * Determines whether the calendar feature is enabled by the web.

react/features/calendar-sync/web/microsoftCalendar.ts

@@ -1,6 +1,6 @@
 import { Client } from '@microsoft/microsoft-graph-client';
 // eslint-disable-next-line lines-around-comment
-// @ts-ignore
+// @ts-expect-error
 import base64js from 'base64-js';
 import { v4 as uuidV4 } from 'uuid';
 import { findWindows } from 'windows-iana';

react/features/chat/actions.native.ts

@@ -1,10 +1,6 @@
-/* eslint-disable lines-around-comment, max-len */
-
 import { IParticipant } from '../base/participants/types';
 import { navigate }
-// @ts-ignore
     from '../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
-// @ts-ignore
 import { screen } from '../mobile/navigation/routes';
 
 import { OPEN_CHAT } from './actionTypes';

react/features/chat/functions.ts

@@ -1,7 +1,7 @@
-// @ts-ignore
+// @ts-expect-error
 import aliases from 'react-emoji-render/data/aliases';
 // eslint-disable-next-line lines-around-comment
-// @ts-ignore
+// @ts-expect-error
 import emojiAsciiAliases from 'react-emoji-render/data/asciiAliases';
 
 import { IReduxState } from '../app/types';

react/features/conference/actions.native.ts

@@ -1,7 +1,5 @@
 import { IStore } from '../app/types';
 import { openDialog } from '../base/dialog/actions';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import AlertDialog from '../base/dialog/components/native/AlertDialog';
 import { getParticipantDisplayName } from '../base/participants/functions';
 

react/features/conference/components/native/LonelyMeetingExperience.tsx

@@ -20,7 +20,6 @@ import { isInBreakoutRoom } from '../../../breakout-rooms/functions';
 import { doInvitePeople } from '../../../invite/actions.native';
 import { getInviteOthersControl } from '../../../share-room/functions';
 
-// @ts-ignore
 import styles from './styles';
 
 

react/features/conference/components/native/carmode/CarMode.tsx

@@ -1,30 +1,22 @@
 /* eslint-disable lines-around-comment */
 import React, { useEffect } from 'react';
-import { View } from 'react-native';
+import { View, ViewStyle } from 'react-native';
 import Orientation from 'react-native-orientation-locker';
 import { withSafeAreaInsets } from 'react-native-safe-area-context';
 import { useDispatch, useSelector } from 'react-redux';
 
-// @ts-ignore
 import JitsiScreen from '../../../../base/modal/components/JitsiScreen';
-// @ts-ignore
 import LoadingIndicator from '../../../../base/react/components/native/LoadingIndicator';
-// @ts-ignore
 import TintedView from '../../../../base/react/components/native/TintedView';
 import { isLocalVideoTrackDesktop } from '../../../../base/tracks/functions.native';
-// @ts-ignore
 import { setPictureInPictureEnabled } from '../../../../mobile/picture-in-picture/functions';
-// @ts-ignore
 import { setIsCarmode } from '../../../../video-layout/actions';
-// @ts-ignore
 import ConferenceTimer from '../../ConferenceTimer';
-// @ts-ignore
 import { isConnecting } from '../../functions';
 
 import CarModeFooter from './CarModeFooter';
 import MicrophoneButton from './MicrophoneButton';
 import TitleBar from './TitleBar';
-// @ts-ignore
 import styles from './styles';
 
 /**
@@ -66,17 +58,16 @@ const CarMode = (): JSX.Element => {
             }
             <View
                 pointerEvents = 'box-none'
-                style = { styles.titleBarSafeViewColor }>
+                style = { styles.titleBarSafeViewColor as ViewStyle }>
                 <View
-                    style = { styles.titleBar }>
-                    {/* @ts-ignore */}
+                    style = { styles.titleBar as ViewStyle }>
                     <TitleBar />
                 </View>
                 <ConferenceTimer textStyle = { styles.roomTimer } />
             </View>
             <View
                 pointerEvents = 'box-none'
-                style = { styles.microphoneContainer }>
+                style = { styles.microphoneContainer as ViewStyle }>
                 <MicrophoneButton />
             </View>
         </JitsiScreen>

react/features/conference/components/native/carmode/CarModeFooter.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { Text, View } from 'react-native';
+import { Text, View, ViewStyle } from 'react-native';
 
 import EndMeetingButton from './EndMeetingButton';
 import SoundDeviceButton from './SoundDeviceButton';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import styles from './styles';
 
 /**
@@ -19,7 +17,7 @@ const CarModeFooter = (): JSX.Element => {
     return (
         <View
             pointerEvents = 'box-none'
-            style = { styles.bottomContainer }>
+            style = { styles.bottomContainer as ViewStyle }>
             <Text style = { styles.videoStoppedLabel }>
                 { t('carmode.labels.videoStopped') }
             </Text>

react/features/conference/components/native/carmode/EndMeetingButton.tsx

@@ -8,8 +8,6 @@ import Button from '../../../../base/ui/components/native/Button';
 import { BUTTON_TYPES } from '../../../../base/ui/constants.native';
 
 import EndMeetingIcon from './EndMeetingIcon';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import styles from './styles';
 
 /**

react/features/conference/components/native/carmode/MicrophoneButton.tsx

@@ -1,5 +1,5 @@
 import React, { useCallback, useState } from 'react';
-import { TouchableOpacity, View } from 'react-native';
+import { TouchableOpacity, View, ViewStyle } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
 
 import {
@@ -18,7 +18,6 @@ import { isLocalTrackMuted } from '../../../../base/tracks/functions';
 import { isAudioMuteButtonDisabled } from '../../../../toolbox/functions.any';
 import { muteLocal } from '../../../../video-menu/actions';
 
-// @ts-ignore
 import styles from './styles';
 
 const LONG_PRESS = 'long.press';
@@ -77,9 +76,9 @@ const MicrophoneButton = (): JSX.Element | null => {
                 style = { [
                     styles.microphoneStyles.container,
                     !audioMuted && styles.microphoneStyles.unmuted
-                ] }>
+                ] as ViewStyle[] }>
                 <View
-                    style = { styles.microphoneStyles.iconContainer }>
+                    style = { styles.microphoneStyles.iconContainer as ViewStyle }>
                     <Icon
                         src = { audioMuted ? IconMicSlash : IconMic }
                         style = { styles.microphoneStyles.icon } />

react/features/conference/components/native/carmode/SoundDeviceButton.tsx

@@ -1,15 +1,14 @@
-/* eslint-disable lines-around-comment */
 import React, { useCallback } from 'react';
 import { useDispatch } from 'react-redux';
 
 import { openSheet } from '../../../../base/dialog/actions';
 import Button from '../../../../base/ui/components/native/Button';
 import { BUTTON_TYPES } from '../../../../base/ui/constants.native';
+// eslint-disable-next-line lines-around-comment
 // @ts-ignore
 import AudioRoutePickerDialog from '../../../../mobile/audio-mode/components/AudioRoutePickerDialog';
 
 import AudioIcon from './AudioIcon';
-// @ts-ignore
 import styles from './styles';
 
 /**

react/features/conference/components/native/carmode/TitleBar.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable lines-around-comment */
-
 import React from 'react';
 import { StyleProp, Text, View, ViewStyle } from 'react-native';
 import { connect, useSelector } from 'react-redux';
@@ -10,14 +8,12 @@ import { MEETING_NAME_ENABLED } from '../../../../base/flags/constants';
 import { getFeatureFlag } from '../../../../base/flags/functions';
 import { JitsiRecordingConstants } from '../../../../base/lib-jitsi-meet';
 import { getLocalParticipant } from '../../../../base/participants/functions';
-// @ts-ignore
 import ConnectionIndicator from '../../../../connection-indicator/components/native/ConnectionIndicator';
-// @ts-ignore
 import RecordingLabel from '../../../../recording/components/native/RecordingLabel';
+// eslint-disable-next-line lines-around-comment
 // @ts-ignore
 import VideoQualityLabel from '../../../../video-quality/components/VideoQualityLabel.native';
 
-// @ts-ignore
 import styles from './styles';
 
 
@@ -56,9 +52,7 @@ const TitleBar = (props: IProps): JSX.Element => {
                     <VideoQualityLabel />
                 </View>
                 <ConnectionIndicator
-                    // @ts-ignore
                     iconStyle = { styles.connectionIndicatorIcon }
-                    // @ts-ignore
                     participantId = { localParticipantId } />
                 <View style = { styles.headerLabels as StyleProp<ViewStyle> }>
                     <RecordingLabel mode = { JitsiRecordingConstants.mode.FILE } />

react/features/conference/middleware.ts

@@ -28,8 +28,6 @@ import { SET_REDUCED_UI } from '../base/responsive-ui/actionTypes';
 import { BUTTON_TYPES } from '../base/ui/constants.any';
 import { inIframe } from '../base/util/iframeUtils';
 import { isCalendarEnabled } from '../calendar-sync/functions';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import FeedbackDialog from '../feedback/components/FeedbackDialog';
 import { setFilmstripEnabled } from '../filmstrip/actions.any';
 import { isVpaasMeeting } from '../jaas/functions';

react/features/connection-indicator/components/native/ConnectionIndicator.tsx

@@ -87,7 +87,6 @@ class ConnectionIndicator extends AbstractConnectionIndicator<IProps, IState> {
     constructor(props: IProps) {
         super(props);
 
-        // @ts-ignore
         this.state = {
             autoHideTimeout: undefined,
             showIndicator: false,

react/features/connection-indicator/components/native/styles.ts

@@ -1,6 +1,4 @@
 import BaseTheme from '../../../base/ui/components/BaseTheme.native';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import { INDICATOR_DISPLAY_THRESHOLD } from '../AbstractConnectionIndicator';
 
 export const CONNECTOR_INDICATOR_LOST = BaseTheme.palette.ui05;

react/features/deep-linking/components/DeepLinkingDesktopPage.native.ts

@@ -0,0 +1 @@
+export default {};

react/features/deep-linking/components/DeepLinkingMobilePage.native.ts

@@ -0,0 +1 @@
+export default {};

react/features/deep-linking/components/NoMobileApp.native.ts

@@ -0,0 +1 @@
+export default {};

react/features/deep-linking/functions.ts

@@ -1,18 +1,13 @@
-/* eslint-disable lines-around-comment */
 import { IReduxState } from '../app/types';
 import { isMobileBrowser } from '../base/environment/utils';
 import Platform from '../base/react/Platform';
 import { URI_PROTOCOL_PATTERN } from '../base/util/uri';
 import { isVpaasMeeting } from '../jaas/functions';
 
-// @ts-ignore
 import DeepLinkingDesktopPage from './components/DeepLinkingDesktopPage';
-// @ts-ignore
 import DeepLinkingMobilePage from './components/DeepLinkingMobilePage';
-// @ts-ignore
 import NoMobileApp from './components/NoMobileApp';
 import { _openDesktopApp } from './openDesktopApp';
-/* eslint-enable lines-around-comment */
 
 /**
  * Generates a deep linking URL based on the current window URL.

react/features/device-selection/components/AudioInputPreview.web.tsx

@@ -1,7 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { makeStyles } from 'tss-react/mui';
 
-// @ts-ignore
 import JitsiMeetJS from '../../base/lib-jitsi-meet/_.web';
 
 const JitsiTrackEvents = JitsiMeetJS.events.track;

react/features/display-name/actions.ts

@@ -1,6 +1,5 @@
 import { openDialog } from '../base/dialog/actions';
 
-// @ts-ignore
 import { DisplayNamePrompt } from './components';
 
 /**

react/features/display-name/components/index.native.ts

@@ -1,2 +1 @@
-// @ts-ignore
 export { default as DisplayNamePrompt } from './native/DisplayNamePrompt';

react/features/display-name/middleware.ts

@@ -3,7 +3,6 @@ import { isDialogOpen } from '../base/dialog/functions';
 import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
 import { SETTINGS_UPDATED } from '../base/settings/actionTypes';
 
-// @ts-ignore
 import { DisplayNamePrompt } from './components';
 
 /**

react/features/dropbox/functions.native.ts

@@ -1,8 +1,6 @@
 import { NativeModules } from 'react-native';
 
 import { IReduxState } from '../app/types';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import { setPictureInPictureEnabled } from '../mobile/picture-in-picture/functions';
 
 const { Dropbox } = NativeModules;
@@ -70,8 +68,7 @@ export function getSpaceUsage(token: string, _appKey?: any) {
  * @returns {boolean}
  */
 export function isEnabled(state: IReduxState) {
-    const { dropbox = {} } = state['features/base/config'];
+    const { dropbox = { appKey: undefined } } = state['features/base/config'];
 
-    // @ts-ignore
     return Boolean(Dropbox?.ENABLED && typeof dropbox.appKey === 'string');
 }

react/features/feedback/components/FeedbackDialog.native.ts

@@ -0,0 +1,3 @@
+import { Component } from 'react';
+
+export default Component;

react/features/filmstrip/actions.native.ts

@@ -1,9 +1,6 @@
-// @ts-ignore
 import conferenceStyles from '../conference/components/native/styles';
 
 import { SET_TILE_VIEW_DIMENSIONS } from './actionTypes';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import styles from './components/native/styles';
 import { SQUARE_TILE_ASPECT_RATIO, TILE_MARGIN } from './constants';
 import { getColumnCount, getTileViewParticipantCount } from './functions.native';
@@ -24,7 +21,7 @@ export function setTileViewDimensions() {
         const { clientHeight: height, clientWidth: width, safeAreaInsets = {} } = state['features/base/responsive-ui'];
         const { left = 0, right = 0, top = 0, bottom = 0 } = safeAreaInsets;
         const columns = getColumnCount(state);
-        const rows = Math.ceil(participantCount / columns);
+        const rows = Math.ceil(participantCount / columns); // @ts-ignore
         const conferenceBorder = conferenceStyles.conference.borderWidth || 0;
         const heightToUse = height - top - bottom - (2 * conferenceBorder);
         const widthToUse = width - (TILE_MARGIN * 2) - left - right - (2 * conferenceBorder);

react/features/filmstrip/components/native/ModeratorIndicator.tsx

@@ -1,8 +1,6 @@
 import React from 'react';
 
 import { IconModerator } from '../../../base/icons/svg';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import BaseIndicator from '../../../base/react/components/native/BaseIndicator';
 
 /**

react/features/filmstrip/components/web/Thumbnail.tsx

@@ -1306,9 +1306,17 @@ function _mapStateToProps(state: IReduxState, ownProps: any): Object {
         const { thumbnailSize } = state['features/filmstrip'].tileViewDimensions ?? { thumbnailSize: undefined };
         const {
             stageFilmstripDimensions = {
-                thumbnailSize: {}
+                thumbnailSize: {
+                    height: undefined,
+                    width: undefined
+                }
             },
-            screenshareFilmstripDimensions
+            screenshareFilmstripDimensions = {
+                thumbnailSize: {
+                    height: undefined,
+                    width: undefined
+                }
+            }
         } = state['features/filmstrip'];
 
         size = {
@@ -1317,16 +1325,19 @@ function _mapStateToProps(state: IReduxState, ownProps: any): Object {
         };
 
         if (filmstripType === FILMSTRIP_TYPE.STAGE) {
-            // @ts-ignore
-            const { width: _width, height: _height } = stageFilmstripDimensions.thumbnailSize;
+            const { width: _width, height: _height } = stageFilmstripDimensions.thumbnailSize ?? {
+                width: undefined,
+                height: undefined };
 
             size = {
                 _width,
                 _height
             };
         } else if (filmstripType === FILMSTRIP_TYPE.SCREENSHARE) {
-            // @ts-ignore
-            const { width: _width, height: _height } = screenshareFilmstripDimensions.thumbnailSize;
+            const { width: _width, height: _height } = screenshareFilmstripDimensions.thumbnailSize ?? {
+                width: undefined,
+                height: undefined
+            };
 
             size = {
                 _width,

react/features/filmstrip/components/web/ThumbnailAudioIndicator.tsx

@@ -1,8 +1,6 @@
 import React, { useEffect, useState } from 'react';
 
 import AudioLevelIndicator from '../../../audio-level-indicator/components/AudioLevelIndicator';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import JitsiMeetJS from '../../../base/lib-jitsi-meet/_';
 import { ITrack } from '../../../base/tracks/types';
 

react/features/filmstrip/functions.native.ts

@@ -11,12 +11,9 @@ import Platform from '../base/react/Platform.native';
 import { toState } from '../base/redux/functions';
 import { ASPECT_RATIO_NARROW } from '../base/responsive-ui/constants';
 import { getHideSelfView } from '../base/settings/functions.any';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import conferenceStyles from '../conference/components/native/styles';
 import { shouldDisplayTileView } from '../video-layout/functions.native';
 
-// @ts-ignore
 import styles from './components/native/styles';
 
 export * from './functions.any';
@@ -230,7 +227,7 @@ export function getFilmstripDimensions({
     };
     localParticipantVisible?: boolean;
 }) {
-    const { height, width, margin } = styles.thumbnail;
+    const { height, width, margin } = styles.thumbnail; // @ts-ignore
     const conferenceBorder = conferenceStyles.conference.borderWidth || 0;
     const { left = 0, right = 0, top = 0, bottom = 0 } = insets;
 

react/features/google-api/actions.ts

@@ -9,7 +9,7 @@ import {
 import { GOOGLE_API_STATES } from './constants';
 // eslint-disable-next-line lines-around-comment
 // @ts-ignore
-import googleApi from './googleApi.web';
+import googleApi from './googleApi';
 
 /**
  * Retrieves the current calendar events.

react/features/invite/actions.native.ts

@@ -1,19 +1,14 @@
-/* eslint-disable lines-around-comment */
 import { IStore } from '../app/types';
 import { addPeopleFeatureControl } from '../base/participants/functions';
-// @ts-ignore
 import { navigate } from '../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
-// @ts-ignore
 import { screen } from '../mobile/navigation/routes';
 import { beginShareRoom } from '../share-room/actions';
-/* eslint-enable lines-around-comment */
-
 
 export * from './actions.any';
 
 /**
- * Starts the process for inviting people. Dpending on the sysstem config it
- * may use the system share sheet or the invite peoplee dialog.
+ * Starts the process for inviting people. Depending on the system config it
+ * may use the system share sheet or the invite people dialog.
  *
  * @returns {Function}
  */

react/features/mobile/navigation/components/ConnectingPage.tsx

@@ -1,10 +1,7 @@
-/* eslint-disable lines-around-comment */
-
 import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { SafeAreaView, Text, View, ViewStyle } from 'react-native';
 
-// @ts-ignore
 import JitsiScreen from '../../../base/modal/components/JitsiScreen';
 import LoadingIndicator from '../../../base/react/components/native/LoadingIndicator';
 

react/features/mobile/navigation/components/RootNavigationContainer.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable lines-around-comment */
-
 import { NavigationContainer, Theme } from '@react-navigation/native';
 import { createStackNavigator } from '@react-navigation/stack';
 import React, { useCallback } from 'react';
@@ -7,19 +5,13 @@ import { StatusBar } from 'react-native';
 import { connect } from 'react-redux';
 
 import { IReduxState } from '../../../app/types';
-// @ts-ignore
 import DialInSummary from '../../../invite/components/dial-in-summary/native/DialInSummary';
 import Prejoin from '../../../prejoin/components/native/Prejoin';
-// @ts-ignore
 import WelcomePage from '../../../welcome/components/WelcomePage';
 import { isWelcomePageEnabled } from '../../../welcome/functions';
-// @ts-ignore
 import { _ROOT_NAVIGATION_READY } from '../actionTypes';
-// @ts-ignore
 import { rootNavigationRef } from '../rootNavigationContainerRef';
-// @ts-ignore
 import { screen } from '../routes';
-// @ts-ignore
 import {
     conferenceNavigationContainerScreenOptions,
     connectingScreenOptions,
@@ -27,7 +19,6 @@ import {
     navigationContainerTheme,
     preJoinScreenOptions,
     welcomeScreenOptions
-    // @ts-ignore
 } from '../screenOptions';
 
 import ConnectingPage from './ConnectingPage';
@@ -82,6 +73,7 @@ const RootNavigationContainer = ({ dispatch, isWelcomePageAvailable }: IProps) =
                                 name = { screen.welcome.main }
                                 options = { welcomeScreenOptions } />
                             <RootStack.Screen
+
                                 // @ts-ignore
                                 component = { DialInSummary }
                                 name = { screen.dialInSummary }

react/features/mobile/navigation/components/TabBarLabelCounter.tsx

@@ -1,8 +1,6 @@
-// @ts-ignore
 import React from 'react';
 import { StyleProp, Text, TextStyle, View } from 'react-native';
 
-// @ts-ignore
 import { navigationStyles } from './styles';
 
 interface ITabBarLabelCounterProps {

react/features/mobile/navigation/components/chat/components/ChatAndPollsNavigator.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable lines-around-comment */
 
 import { createMaterialTopTabNavigator } from '@react-navigation/material-top-tabs';
-// @ts-ignore
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 
@@ -9,18 +8,13 @@ import { IReduxState } from '../../../../../app/types';
 import {
     getClientHeight,
     getClientWidth
-    // @ts-ignore
 } from '../../../../../base/modal/components/functions';
-// @ts-ignore
 import { setIsPollsTabFocused } from '../../../../../chat/actions.native';
 // @ts-ignore
 import Chat from '../../../../../chat/components/native/Chat';
 import { resetNbUnreadPollsMessages } from '../../../../../polls/actions';
-// @ts-ignore
 import PollsPane from '../../../../../polls/components/native/PollsPane';
-// @ts-ignore
 import { screen } from '../../../routes';
-// @ts-ignore
 import { chatTabBarOptions } from '../../../screenOptions';
 
 const ChatTab = createMaterialTopTabNavigator();

react/features/mobile/picture-in-picture/functions.ts

@@ -1,5 +1,3 @@
-// @flow
-
 import { NativeModules } from 'react-native';
 
 /**

react/features/old-client-notification/middleware.tsx

@@ -7,7 +7,6 @@ import MiddlewareRegistry from '../base/redux/MiddlewareRegistry';
 import { showErrorNotification } from '../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
 
-// @ts-ignore
 import OldElectronAPPNotificationDescription from './components/OldElectronAPPNotificationDescription';
 import { isOldJitsiMeetElectronApp } from './functions';
 

react/features/overlay/components/web/AbstractPageReloadOverlay.tsx

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import { randomInt } from '@jitsi/js-utils/random';
 import React, { Component } from 'react';
 import { WithTranslation } from 'react-i18next';
@@ -100,8 +100,6 @@ export default class AbstractPageReloadOverlay<P extends IProps>
         const { error: connectionError } = state['features/base/connection'];
 
         const jitsiConnectionError
-
-            // @ts-ignore
             = connectionError && isFatalJitsiConnectionError(connectionError);
         const jitsiConferenceError
             = conferenceError && isFatalJitsiConferenceError(conferenceError);

react/features/participants-pane/actions.native.ts

@@ -2,12 +2,9 @@
 import { IStore } from '../app/types';
 import { openSheet } from '../base/dialog/actions';
 import { navigate }
-// @ts-ignore
     from '../mobile/navigation/components/conference/ConferenceNavigationContainerRef';
-// @ts-ignore
 import { screen } from '../mobile/navigation/routes';
 import ConnectionStatusComponent
-// @ts-ignore
     from '../video-menu/components/native/ConnectionStatusComponent';
 // @ts-ignore
 import LocalVideoMenu from '../video-menu/components/native/LocalVideoMenu';

react/features/participants-pane/components/native/MeetingParticipantList.tsx

@@ -1,5 +1,3 @@
-/* eslint-disable lines-around-comment */
-
 import React, { PureComponent } from 'react';
 import { WithTranslation } from 'react-i18next';
 import { FlatList, Text } from 'react-native';
@@ -30,11 +28,8 @@ import {
     shouldRenderInviteButton
 } from '../../functions';
 
-// @ts-ignore
 import CollapsibleList from './CollapsibleList';
-// @ts-ignore
 import MeetingParticipantItem from './MeetingParticipantItem';
-// @ts-ignore
 import styles from './styles';
 
 
@@ -261,7 +256,6 @@ class MeetingParticipantList extends PureComponent<IProps> {
                     }
                     <Input
                         clearable = { true }
-                        // @ts-ignore
                         customStyles = {{
                             container: styles.inputContainer,
                             input: styles.centerInput }}

react/features/participants-pane/components/native/ParticipantsPaneFooter.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable lines-around-comment */
 import React, { useCallback } from 'react';
 import { View, ViewStyle } from 'react-native';
 import { useDispatch, useSelector } from 'react-redux';
@@ -8,13 +7,12 @@ import { IconDotsHorizontal } from '../../../base/icons/svg';
 import Button from '../../../base/ui/components/native/Button';
 import IconButton from '../../../base/ui/components/native/IconButton';
 import { BUTTON_TYPES } from '../../../base/ui/constants.native';
+// eslint-disable-next-line lines-around-comment
 // @ts-ignore
 import MuteEveryoneDialog from '../../../video-menu/components/native/MuteEveryoneDialog';
 import { isMoreActionsVisible, isMuteAllVisible } from '../../functions';
 
-// @ts-ignore
 import { ContextMenuMore } from './ContextMenuMore';
-// @ts-ignore
 import styles from './styles';
 
 

react/features/participants-pane/components/native/RoomParticipantMenu.tsx

@@ -1,4 +1,3 @@
-/* eslint-disable lines-around-comment */
 import React, { PureComponent } from 'react';
 import { WithTranslation } from 'react-i18next';
 import { Text, TextStyle, View, ViewStyle } from 'react-native';
@@ -7,15 +6,13 @@ import { connect } from 'react-redux';
 import { IReduxState } from '../../../app/types';
 import Avatar from '../../../base/avatar/components/Avatar';
 import { hideSheet } from '../../../base/dialog/actions';
-// @ts-ignore
 import BottomSheet from '../../../base/dialog/components/native/BottomSheet';
-// @ts-ignore
 import { bottomSheetStyles } from '../../../base/dialog/components/native/styles';
 import { translate } from '../../../base/i18n/functions';
 import { getBreakoutRooms } from '../../../breakout-rooms/functions';
+// eslint-disable-next-line lines-around-comment
 // @ts-ignore
 import SendToBreakoutRoom from '../../../video-menu/components/native/SendToBreakoutRoom';
-// @ts-ignore
 import styles from '../../../video-menu/components/native/styles';
 
 /**

react/features/polls/components/native/PollAnswer.tsx

@@ -9,7 +9,6 @@ import { BUTTON_TYPES } from '../../../base/ui/constants.native';
 import { isSubmitAnswerDisabled } from '../../functions';
 import AbstractPollAnswer, { AbstractProps } from '../AbstractPollAnswer';
 
-// @ts-ignore
 import { chatStyles, dialogStyles } from './styles';
 
 

react/features/prejoin/components/native/Prejoin.tsx

@@ -146,7 +146,6 @@ const Prejoin: React.FC<IPrejoinProps> = ({ navigation }: IPrejoinProps) => {
                             { roomName }
                         </Text>
                     </View>
-                    {/* @ts-ignore */}
                     <LargeVideo />
                 </View>
             }

react/features/recent-list/functions.native.ts

@@ -2,8 +2,6 @@ import {
     getLocalizedDateFormatter,
     getLocalizedDurationFormatter
 } from '../base/i18n/dateUtil';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import NavigateSectionList from '../base/react/components/native/NavigateSectionList';
 import { parseURIString, safeDecodeURIComponent } from '../base/util/uri';
 

react/features/recording/actions.native.ts

@@ -4,7 +4,6 @@ import JitsiMeetJS from '../base/lib-jitsi-meet';
 import { showNotification } from '../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
 
-// @ts-ignore
 import HighlightDialog from './components/Recording/native/HighlightDialog';
 
 export * from './actions.any';

react/features/recording/components/Recording/index.native.ts

@@ -1,2 +1 @@
-// @ts-ignore
 export { default as StartRecordingDialog } from './native/StartRecordingDialog';

react/features/recording/components/Recording/native/StartRecordingDialogContent.tsx

@@ -1,11 +1,9 @@
-/* eslint-disable lines-around-comment  */
 import React from 'react';
 import { Image, View } from 'react-native';
 import { Text } from 'react-native-paper';
 import { connect } from 'react-redux';
 
 import { translate } from '../../../../base/i18n/functions';
-// @ts-ignore
 import LoadingIndicator from '../../../../base/react/components/native/LoadingIndicator';
 import Button from '../../../../base/ui/components/native/Button';
 import Switch from '../../../../base/ui/components/native/Switch';
@@ -21,7 +19,6 @@ import {
     ICON_CLOUD,
     ICON_INFO,
     ICON_USERS
-    // @ts-ignore
 } from '../styles.native';
 
 

react/features/remote-control/actions.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import $ from 'jquery';
 import React from 'react';
 

react/features/room-lock/actions.ts

@@ -11,7 +11,6 @@ import { hideDialog, openDialog } from '../base/dialog/actions';
 // @ts-ignore
 import { SecurityDialog } from '../security/components/security-dialog';
 
-// @ts-ignore
 import PasswordRequiredPrompt from './components/PasswordRequiredPrompt';
 
 /**

react/features/room-lock/middleware.ts

@@ -16,8 +16,6 @@ import { showNotification } from '../notifications/actions';
 import { NOTIFICATION_TIMEOUT_TYPE } from '../notifications/constants';
 
 import { _openPasswordRequiredPrompt } from './actions';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import PasswordRequiredPrompt from './components/PasswordRequiredPrompt';
 import { LOCKED_REMOTELY } from './constants';
 import logger from './logger';

react/features/rtcstats/RTCStats.ts

@@ -1,17 +1,15 @@
-// @ts-ignore
-import { PC_CON_STATE_CHANGE,
+/* eslint-disable lines-around-comment */
+import {
+    PC_CON_STATE_CHANGE,
     PC_STATE_CONNECTED,
     PC_STATE_FAILED
-
-    // @ts-ignore
+    // @ts-expect-error
 } from '@jitsi/rtcstats/events';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
+// @ts-expect-error
 import rtcstatsInit from '@jitsi/rtcstats/rtcstats';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
+// @ts-expect-error
 import traceInit from '@jitsi/rtcstats/trace-ws';
-
+/* eslint-enable lines-around-comment */
 
 import { createRTCStatsTraceCloseEvent } from '../analytics/AnalyticsEvents';
 import { sendAnalytics } from '../analytics/functions';

react/features/rtcstats/functions.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import { jitsiLocalStorage } from '@jitsi/js-utils';
 
 import { getAmplitudeIdentity } from '../analytics/functions';

react/features/settings/components/web/audio/MicrophoneEntry.tsx

@@ -3,8 +3,6 @@ import { makeStyles } from 'tss-react/mui';
 
 import Icon from '../../../../base/icons/components/Icon';
 import { IconCheck, IconExclamationSolid } from '../../../../base/icons/svg';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import JitsiMeetJS from '../../../../base/lib-jitsi-meet/_';
 import ContextMenuItem from '../../../../base/ui/components/web/ContextMenuItem';
 import { TEXT_OVERFLOW_TYPES } from '../../../../base/ui/constants.any';

react/features/shared-video/components/web/AbstractVideoManager.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import Logger from '@jitsi/logger';
 import throttle from 'lodash/throttle';
 import { PureComponent } from 'react';

react/features/shared-video/components/web/SharedVideo.tsx

@@ -8,10 +8,7 @@ import { getLocalParticipant } from '../../../base/participants/functions';
 import { getVerticalViewMaxWidth } from '../../../filmstrip/functions.web';
 import { getToolboxHeight } from '../../../toolbox/functions.web';
 
-// @ts-ignore
 import VideoManager from './VideoManager';
-// eslint-disable-next-line lines-around-comment
-// @ts-ignore
 import YoutubeVideoManager from './YoutubeVideoManager';
 
 interface IProps {

react/features/stream-effects/noise-suppression/NoiseSuppressorWorklet.ts

@@ -1,4 +1,4 @@
-// @ts-ignore
+// @ts-expect-error
 import { createRNNWasmModuleSync } from '@jitsi/rnnoise-wasm';
 
 import { leastCommonMultiple } from '../../base/util/math';

react/features/stream-effects/rnnoise/index.ts

@@ -1,6 +1,6 @@
 // Script expects to find rnnoise webassembly binary in the same public path root, otherwise it won't load
 // During the build phase this needs to be taken care of manually
-// @ts-ignore
+// @ts-expect-error
 import { createRNNWasmModule } from '@jitsi/rnnoise-wasm';
 
 import RnnoiseProcessor from './RnnoiseProcessor';

react/features/subtitles/components/AbstractCaptions.tsx

@@ -18,7 +18,7 @@ export interface IAbstractCaptionsProps {
      * Mapped by id just to have the keys for convenience during the rendering
      * process.
      */
-    _transcripts: Map<string, string>;
+    _transcripts?: Map<string, string>;
 }
 
 /**

react/features/subtitles/components/AbstractClosedCaptionButton.tsx

@@ -1,12 +1,9 @@
-/* eslint-disable lines-around-comment  */
-
 import { createToolbarEvent } from '../../analytics/AnalyticsEvents';
 import { sendAnalytics } from '../../analytics/functions';
 import { IReduxState } from '../../app/types';
 import { MEET_FEATURES } from '../../base/jwt/constants';
 import { isLocalParticipantModerator } from '../../base/participants/functions';
 import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbox/components/AbstractButton';
-// @ts-ignore
 import { maybeShowPremiumFeatureDialog } from '../../jaas/actions';
 
 export interface IAbstractProps extends AbstractButtonProps {

react/features/subtitles/components/native/Captions.tsx

@@ -62,5 +62,4 @@ class Captions extends AbstractCaptions<IProps> {
     }
 }
 
-// @ts-ignore
 export default connect(_abstractMapStateToProps)(Captions);