feat: Adds ts rule noImplicitOverride and fix errors.

2025-12-30 03:12:29 +00:00 · 2025-03-12 10:19:11 -05:00
parent 480b6f7cdc
commit ea0f9e7934
336 changed files with 878 additions and 877 deletions
--- a/react/features/always-on-top/AlwaysOnTop.tsx
+++ b/react/features/always-on-top/AlwaysOnTop.tsx
@@ -205,7 +205,7 @@ export default class AlwaysOnTop extends Component<any, IState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        api.on('avatarChanged', this._avatarChangedListener);
        api.on('displayNameChange', this._displayNameChangedListener);
        api.on('largeVideoChanged', this._videoChangedListener);
@@ -231,7 +231,7 @@ export default class AlwaysOnTop extends Component<any, IState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidUpdate(_prevProps: any, prevState: IState) {
+    override componentDidUpdate(_prevProps: any, prevState: IState) {
        if (!prevState.visible && this.state.visible) {
            this._hideToolbarAfterTimeout();
        }
@@ -243,7 +243,7 @@ export default class AlwaysOnTop extends Component<any, IState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        api.removeListener('avatarChanged', this._avatarChangedListener);
        api.removeListener(
            'displayNameChange',
@@ -267,7 +267,7 @@ export default class AlwaysOnTop extends Component<any, IState> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <div id = 'alwaysOnTop'>
                <Toolbar
--- a/react/features/always-on-top/AudioMuteButton.tsx
+++ b/react/features/always-on-top/AudioMuteButton.tsx
@@ -63,7 +63,7 @@ export default class AudioMuteButton extends Component<Props, IState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        api.on('audioAvailabilityChanged', this._audioAvailabilityListener);
        api.on('audioMuteStatusChanged', this._audioMutedListener);

@@ -86,7 +86,7 @@ export default class AudioMuteButton extends Component<Props, IState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        api.removeListener(
            'audioAvailabilityChanged',
            this._audioAvailabilityListener);
@@ -165,7 +165,7 @@ export default class AudioMuteButton extends Component<Props, IState> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const toggled = this._isAudioMuted();

        return (
--- a/react/features/always-on-top/HangupButton.tsx
+++ b/react/features/always-on-top/HangupButton.tsx
@@ -48,7 +48,7 @@ export default class HangupButton extends Component<Props> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <ToolbarButton
                accessibilityLabel = { this.accessibilityLabel }
--- a/react/features/always-on-top/Toolbar.tsx
+++ b/react/features/always-on-top/Toolbar.tsx
@@ -73,7 +73,7 @@ export default class Toolbar extends Component<Props, IState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        api.on('videoConferenceJoined', this._videoConferenceJoinedListener);

        this._videoConferenceJoinedListener();
@@ -106,7 +106,7 @@ export default class Toolbar extends Component<Props, IState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        api.removeListener('videoConferenceJoined', this._videoConferenceJoinedListener);
    }

@@ -116,7 +116,7 @@ export default class Toolbar extends Component<Props, IState> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const {
            className = '',
            onMouseOut,
--- a/react/features/always-on-top/VideoMuteButton.tsx
+++ b/react/features/always-on-top/VideoMuteButton.tsx
@@ -63,7 +63,7 @@ export default class VideoMuteButton extends Component<Props, State> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        api.on('videoAvailabilityChanged', this._videoAvailabilityListener);
        api.on('videoMuteStatusChanged', this._videoMutedListener);

@@ -85,7 +85,7 @@ export default class VideoMuteButton extends Component<Props, State> {
     * @inheritdoc
     * @returns {void}
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        api.removeListener(
            'videoAvailabilityChanged',
            this._videoAvailabilityListener);
@@ -165,7 +165,7 @@ export default class VideoMuteButton extends Component<Props, State> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const toggled = this._isVideoMuted();

        return (
--- a/react/features/app/components/AbstractApp.ts
+++ b/react/features/app/components/AbstractApp.ts
@@ -31,7 +31,7 @@ export class AbstractApp<P extends IProps = IProps> extends BaseApp<P> {
     *
     * @inheritdoc
     */
-    async componentDidMount() {
+    override async componentDidMount() {
        await super.componentDidMount();

        // If a URL was explicitly specified to this React Component, then
@@ -44,7 +44,7 @@ export class AbstractApp<P extends IProps = IProps> extends BaseApp<P> {
     *
     * @inheritdoc
     */
-    async componentDidUpdate(prevProps: IProps) {
+    override async componentDidUpdate(prevProps: IProps) {
        const previousUrl = toURLString(prevProps.url);
        const currentUrl = toURLString(this.props.url);
        const previousTimestamp = prevProps.timestamp;
--- a/react/features/app/components/App.native.tsx
+++ b/react/features/app/components/App.native.tsx
@@ -80,7 +80,7 @@ export class App extends AbstractApp<IProps> {
     *
     * @returns {void}
     */
-    async componentDidMount() {
+    override async componentDidMount() {
        await super.componentDidMount();

        SplashScreen.hide();
@@ -96,7 +96,7 @@ export class App extends AbstractApp<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <JitsiThemePaperProvider>
                { super.render() }
--- a/react/features/app/components/App.web.tsx
+++ b/react/features/app/components/App.web.tsx
@@ -28,7 +28,7 @@ export class App extends AbstractApp {
     * @protected
     * @returns {ReactElement}
     */
-    _createExtraElement() {
+    override _createExtraElement() {
        return (
            <JitsiThemeProvider>
                <OverlayContainer />
@@ -42,7 +42,7 @@ export class App extends AbstractApp {
     *
     * @override
     */
-    _createMainElement(component: React.ComponentType, props?: Object) {
+    override _createMainElement(component: React.ComponentType, props?: Object) {
        return (
            <JitsiThemeProvider>
                <GlobalStyles />
@@ -57,7 +57,7 @@ export class App extends AbstractApp {
     *
     * @returns {React$Element}
     */
-    _renderDialogContainer() {
+    override _renderDialogContainer() {
        return (
            <JitsiThemeProvider>
                <DialogContainer />
--- a/react/features/audio-level-indicator/components/AudioLevelIndicator.tsx
+++ b/react/features/audio-level-indicator/components/AudioLevelIndicator.tsx
@@ -36,7 +36,7 @@ class AudioLevelIndicator extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { audioLevel: passedAudioLevel } = this.props;

        // First make sure we are sensitive enough.
--- a/react/features/authentication/components/native/LoginDialog.tsx
+++ b/react/features/authentication/components/native/LoginDialog.tsx
@@ -132,7 +132,7 @@ class LoginDialog extends Component<IProps, IState> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const {
            _connecting: connecting,
            t
--- a/react/features/authentication/components/native/WaitForOwnerDialog.tsx
+++ b/react/features/authentication/components/native/WaitForOwnerDialog.tsx
@@ -60,7 +60,7 @@ class WaitForOwnerDialog extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { _isConfirmHidden } = this.props;

        return (
--- a/react/features/authentication/components/web/LoginDialog.tsx
+++ b/react/features/authentication/components/web/LoginDialog.tsx
@@ -220,7 +220,7 @@ class LoginDialog extends Component<IProps, IState> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const {
            _connecting: connecting,
            t
--- a/react/features/authentication/components/web/WaitForOwnerDialog.tsx
+++ b/react/features/authentication/components/web/WaitForOwnerDialog.tsx
@@ -74,7 +74,7 @@ class WaitForOwnerDialog extends PureComponent<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const {
            t
        } = this.props;
--- a/react/features/base/app/components/BaseApp.tsx
+++ b/react/features/base/app/components/BaseApp.tsx
@@ -67,7 +67,7 @@ export default class BaseApp<P> extends Component<P, IState> {
     *
     * @inheritdoc
    */
-    async componentDidMount() {
+    override async componentDidMount() {
        /**
         * Make the mobile {@code BaseApp} wait until the {@code AsyncStorage}
         * implementation of {@code Storage} initializes fully.
@@ -107,7 +107,7 @@ export default class BaseApp<P> extends Component<P, IState> {
     *
     * @inheritdoc
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        this.state.store?.dispatch(appWillUnmount(this));
    }

@@ -119,7 +119,7 @@ export default class BaseApp<P> extends Component<P, IState> {
     *
     * @returns {void}
     */
-    componentDidCatch(error: Error, info: Object) {
+    override componentDidCatch(error: Error, info: Object) {
        logger.error(error, info);
    }

@@ -153,7 +153,7 @@ export default class BaseApp<P> extends Component<P, IState> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { route: { component, props }, store } = this.state;

        if (store) {
--- a/react/features/base/avatar/components/Avatar.tsx
+++ b/react/features/base/avatar/components/Avatar.tsx
@@ -148,7 +148,7 @@ class Avatar<P extends IProps> extends PureComponent<P, IState> {
     *
     * @inheritdoc
     */
-    componentDidUpdate(prevProps: P) {
+    override componentDidUpdate(prevProps: P) {
        const { _corsAvatarURLs, url } = this.props;

        if (prevProps.url !== url) {
@@ -170,7 +170,7 @@ class Avatar<P extends IProps> extends PureComponent<P, IState> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const {
            _customAvatarBackgrounds,
            _initialsBase,
--- a/react/features/base/avatar/components/native/StatelessAvatar.tsx
+++ b/react/features/base/avatar/components/native/StatelessAvatar.tsx
@@ -51,7 +51,7 @@ export default class StatelessAvatar extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { initials, size, style, url } = this.props;

        let avatar;
--- a/react/features/base/dialog/components/native/AbstractDialog.ts
+++ b/react/features/base/dialog/components/native/AbstractDialog.ts
@@ -52,7 +52,7 @@ export default class AbstractDialog<P extends IProps, S extends IState = IState>
     *
     * @inheritdoc
     */
-    componentDidMount() {
+    override componentDidMount() {
        this._mounted = true;
    }

@@ -62,7 +62,7 @@ export default class AbstractDialog<P extends IProps, S extends IState = IState>
     *
     * @inheritdoc
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        this._mounted = false;
    }

--- a/react/features/base/dialog/components/native/AlertDialog.tsx
+++ b/react/features/base/dialog/components/native/AlertDialog.tsx
@@ -31,7 +31,7 @@ class AlertDialog extends AbstractDialog<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { contentKey, t } = this.props;
        const content
            = typeof contentKey === 'string'
--- a/react/features/base/dialog/components/native/BottomSheet.tsx
+++ b/react/features/base/dialog/components/native/BottomSheet.tsx
@@ -100,7 +100,7 @@ class BottomSheet extends PureComponent<Props> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const {
            addScrollViewPadding,
            renderHeader,
--- a/react/features/base/dialog/components/native/ConfirmDialog.tsx
+++ b/react/features/base/dialog/components/native/ConfirmDialog.tsx
@@ -100,7 +100,7 @@ class ConfirmDialog extends AbstractDialog<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const {
            cancelLabel,
            children,
--- a/react/features/base/dialog/components/native/DialogContainer.tsx
+++ b/react/features/base/dialog/components/native/DialogContainer.tsx
@@ -38,7 +38,7 @@ class DialogContainer extends AbstractDialogContainer {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <Fragment>
                {this._renderReactions()}
--- a/react/features/base/dialog/components/native/InputDialog.tsx
+++ b/react/features/base/dialog/components/native/InputDialog.tsx
@@ -91,7 +91,7 @@ class InputDialog extends AbstractDialog<IProps, IState> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const {
            descriptionKey,
            messageKey,
--- a/react/features/base/dialog/components/native/PageReloadDialog.tsx
+++ b/react/features/base/dialog/components/native/PageReloadDialog.tsx
@@ -71,7 +71,7 @@ class PageReloadDialog extends Component<IProps, IPageReloadDialogState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        const { timeLeft } = this.state;

        logger.info(
@@ -88,7 +88,7 @@ class PageReloadDialog extends Component<IProps, IPageReloadDialogState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        if (this._interval) {
            clearInterval(this._interval);
            this._interval = undefined;
@@ -157,7 +157,7 @@ class PageReloadDialog extends Component<IProps, IPageReloadDialogState> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { isNetworkFailure, t } = this.props;
        const { timeLeft } = this.state;

--- a/react/features/base/label/components/native/ExpandedLabel.tsx
+++ b/react/features/base/label/components/native/ExpandedLabel.tsx
@@ -48,7 +48,7 @@ export default abstract class ExpandedLabel<P extends IProps> extends Component<
     *
     * @inheritdoc
     */
-    componentDidMount() {
+    override componentDidMount() {
        Animated.decay(this.state.opacityAnimation, {
            toValue: 1,
            velocity: 1,
@@ -61,7 +61,7 @@ export default abstract class ExpandedLabel<P extends IProps> extends Component<
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        return (
            <Animated.View
                style = { [ styles.expandedLabelContainer,
--- a/react/features/base/label/components/native/Label.tsx
+++ b/react/features/base/label/components/native/Label.tsx
@@ -89,7 +89,7 @@ export default class Label extends Component<IProps, State> {
     *
     * @inheritdoc
     */
-    componentDidMount() {
+    override componentDidMount() {
        this._maybeToggleAnimation({}, this.props);
    }

@@ -98,7 +98,7 @@ export default class Label extends Component<IProps, State> {
     *
     * @inheritdoc
     */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
        this._maybeToggleAnimation(prevProps, this.props);
    }

@@ -107,7 +107,7 @@ export default class Label extends Component<IProps, State> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { icon, text, status, style, iconColor, textStyle } = this.props;

        let extraStyle = null;
--- a/react/features/base/media/components/AbstractVideoTrack.tsx
+++ b/react/features/base/media/components/AbstractVideoTrack.tsx
@@ -72,7 +72,7 @@ export default class AbstractVideoTrack<P extends IProps> extends Component<P> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const videoTrack = _falsy2null(this.props.videoTrack);
        let render;

--- a/react/features/base/media/components/native/Audio.ts
+++ b/react/features/base/media/components/native/Audio.ts
@@ -36,7 +36,7 @@ export default class Audio extends AbstractAudio {
     *
     * @inheritdoc
     */
-    async componentDidUpdate(prevProps: IProps): Promise<void> {
+    override async componentDidUpdate(prevProps: IProps): Promise<void> {
        // source is different !! call didunmount and call didmount
        if (prevProps.src !== this.props.src) {
            await this.componentWillUnmount();
@@ -49,7 +49,7 @@ export default class Audio extends AbstractAudio {
     *
     * @returns {void}
     */
-    async componentDidMount() {
+    override async componentDidMount() {
        this._sound
            = this.props.src
                ? new Sound(
@@ -63,7 +63,7 @@ export default class Audio extends AbstractAudio {
     *
     * @returns {void}
     */
-    async componentWillUnmount() {
+    override async componentWillUnmount() {
        if (this._sound) {
            this._sound.release();
            this._sound = null;
@@ -94,7 +94,7 @@ export default class Audio extends AbstractAudio {
     * @inheritdoc
     * @returns {null}
     */
-    render() {
+    override render() {
        // TODO react-native-webrtc's RTCView doesn't do anything with the audio
        // MediaStream specified to it so it's easier at the time of this
        // writing to not render anything.
--- a/react/features/base/media/components/native/Video.tsx
+++ b/react/features/base/media/components/native/Video.tsx
@@ -64,7 +64,7 @@ export default class Video extends Component<IProps> {
     *
     * @inheritdoc
     */
-    componentDidMount() {
+    override componentDidMount() {
        // RTCView currently does not support media events, so just fire
        // onPlaying callback when <RTCView> is rendered.
        const { onPlaying } = this.props;
@@ -78,7 +78,7 @@ export default class Video extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement|null}
     */
-    render() {
+    override render() {
        const { onPress, stream, zoomEnabled } = this.props;

        if (stream) {
--- a/react/features/base/media/components/native/VideoTrack.tsx
+++ b/react/features/base/media/components/native/VideoTrack.tsx
@@ -18,7 +18,7 @@ class VideoTrack extends AbstractVideoTrack<IProps> {
     * @override
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <View style = { styles.video } >
                { super.render() }
--- a/react/features/base/media/components/native/VideoTransform.tsx
+++ b/react/features/base/media/components/native/VideoTransform.tsx
@@ -197,7 +197,7 @@ class VideoTransform extends Component<IProps, IState> {
     *
     * @inheritdoc
     */
-    componentDidUpdate(prevProps: IProps, prevState: IState) {
+    override componentDidUpdate(prevProps: IProps, prevState: IState) {
        if (prevProps.streamId !== this.props.streamId) {
            this._storeTransform(prevProps.streamId, prevState.transform);
            this._restoreTransform(this.props.streamId);
@@ -209,7 +209,7 @@ class VideoTransform extends Component<IProps, IState> {
     *
     * @inheritdoc
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        this._storeTransform(this.props.streamId, this.state.transform);
    }

@@ -218,7 +218,7 @@ class VideoTransform extends Component<IProps, IState> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { _aspectRatio, children, style } = this.props;
        const isAspectRatioWide = _aspectRatio === ASPECT_RATIO_WIDE;

--- a/react/features/base/media/components/web/Audio.tsx
+++ b/react/features/base/media/components/web/Audio.tsx
@@ -37,7 +37,7 @@ export default class Audio extends AbstractAudio {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <audio
                loop = { Boolean(this.props.loop) }
@@ -53,7 +53,7 @@ export default class Audio extends AbstractAudio {
     *
     * @returns {void}
     */
-    stop() {
+    override stop() {
        if (this._ref) {
            this._ref.pause();
            this._ref.currentTime = 0;
--- a/react/features/base/media/components/web/AudioTrack.tsx
+++ b/react/features/base/media/components/web/AudioTrack.tsx
@@ -91,7 +91,7 @@ class AudioTrack extends Component<IProps> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        this._attachTrack(this.props.audioTrack);

        if (this._ref?.current) {
@@ -120,7 +120,7 @@ class AudioTrack extends Component<IProps> {
     * @inheritdoc
     * @returns {void}
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        this._detachTrack(this.props.audioTrack);

        // @ts-ignore
@@ -135,7 +135,7 @@ class AudioTrack extends Component<IProps> {
     * @returns {boolean} - False is always returned to blackbox this component
     * from React.
     */
-    shouldComponentUpdate(nextProps: IProps) {
+    override shouldComponentUpdate(nextProps: IProps) {
        const currentJitsiTrack = this.props.audioTrack?.jitsiTrack;
        const nextJitsiTrack = nextProps.audioTrack?.jitsiTrack;

@@ -175,7 +175,7 @@ class AudioTrack extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { autoPlay, id } = this.props;

        return (
--- a/react/features/base/media/components/web/Video.tsx
+++ b/react/features/base/media/components/web/Video.tsx
@@ -220,7 +220,7 @@ class Video extends Component<IProps> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        this._mounted = true;

        if (this._videoElement) {
@@ -254,7 +254,7 @@ class Video extends Component<IProps> {
     * @inheritdoc
     * @returns {void}
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        this._mounted = false;
        this._detachTrack(this.props.videoTrack);
    }
@@ -268,7 +268,7 @@ class Video extends Component<IProps> {
     * @returns {boolean} - False is always returned to blackbox this component
     * from React.
     */
-    shouldComponentUpdate(nextProps: IProps) {
+    override shouldComponentUpdate(nextProps: IProps) {
        const currentJitsiTrack = this.props.videoTrack?.jitsiTrack;
        const nextJitsiTrack = nextProps.videoTrack?.jitsiTrack;

@@ -295,7 +295,7 @@ class Video extends Component<IProps> {
     * @override
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const {
            autoPlay,
            className,
--- a/react/features/base/media/components/web/VideoTrack.tsx
+++ b/react/features/base/media/components/web/VideoTrack.tsx
@@ -150,7 +150,7 @@ class VideoTrack extends AbstractVideoTrack<IProps> {
     * @override
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const {
            _noAutoPlayVideo,
            className,
--- a/react/features/base/participants/components/ParticipantView.native.tsx
+++ b/react/features/base/participants/components/ParticipantView.native.tsx
@@ -168,7 +168,7 @@ class ParticipantView extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const {
            _isConnectionInactive,
            _isSharedVideoParticipant,
--- a/react/features/base/popover/components/Popover.web.tsx
+++ b/react/features/base/popover/components/Popover.web.tsx
@@ -184,7 +184,7 @@ class Popover extends Component<IProps, IState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        window.addEventListener('touchstart', this._onTouchStart);
        if (this.props.trigger === 'click') {
            // @ts-ignore
@@ -198,7 +198,7 @@ class Popover extends Component<IProps, IState> {
     * @inheritdoc
     * @returns {void}
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        window.removeEventListener('touchstart', this._onTouchStart);
        if (this.props.trigger === 'click') {
            // @ts-ignore
@@ -224,7 +224,7 @@ class Popover extends Component<IProps, IState> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { children,
            className,
            content,
--- a/react/features/base/react/components/native/AvatarListItem.tsx
+++ b/react/features/base/react/components/native/AvatarListItem.tsx
@@ -86,7 +86,7 @@ export default class AvatarListItem extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const {
            avatarOnly,
            avatarSize = AVATAR_SIZE,
--- a/react/features/base/react/components/native/BaseIndicator.tsx
+++ b/react/features/base/react/components/native/BaseIndicator.tsx
@@ -40,7 +40,7 @@ export default class BaseIndicator extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { icon, iconStyle } = this.props;

        return (
--- a/react/features/base/react/components/native/Container.tsx
+++ b/react/features/base/react/components/native/Container.tsx
@@ -33,7 +33,7 @@ export default class Container extends AbstractContainer<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const {
            accessibilityLabel,
            accessible,
--- a/react/features/base/react/components/native/Image.tsx
+++ b/react/features/base/react/components/native/Image.tsx
@@ -29,7 +29,7 @@ export default class ImageImpl extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <Image
                source = { this.props.src }
--- a/react/features/base/react/components/native/Link.tsx
+++ b/react/features/base/react/components/native/Link.tsx
@@ -52,7 +52,7 @@ export default class Link extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <Text
                onPress = { this._onPress }
--- a/react/features/base/react/components/native/Linkify.tsx
+++ b/react/features/base/react/components/native/Linkify.tsx
@@ -45,7 +45,7 @@ export default class Linkify extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        return (
            <ReactLinkify
                componentDecorator = { this._componentDecorator }>
--- a/react/features/base/react/components/native/LoadingIndicator.tsx
+++ b/react/features/base/react/components/native/LoadingIndicator.tsx
@@ -31,7 +31,7 @@ export default class LoadingIndicator extends PureComponent<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { color = ColorPalette.white } = this.props;
        let { size = 'large' } = this.props;

--- a/react/features/base/react/components/native/Modal.tsx
+++ b/react/features/base/react/components/native/Modal.tsx
@@ -12,7 +12,7 @@ export default class Modal extends PureComponent {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        // eslint-disable-next-line react/prop-types
        const { children, ...props } = this.props;

--- a/react/features/base/react/components/native/NavigateSectionList.tsx
+++ b/react/features/base/react/components/native/NavigateSectionList.tsx
@@ -95,7 +95,7 @@ class NavigateSectionList extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const {
            renderListEmptyComponent = this._renderListEmptyComponent(),
            sections
--- a/react/features/base/react/components/native/NavigateSectionListEmptyComponent.tsx
+++ b/react/features/base/react/components/native/NavigateSectionListEmptyComponent.tsx
@@ -21,7 +21,7 @@ class NavigateSectionListEmptyComponent extends Component<WithTranslation> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { t } = this.props;

        return (
--- a/react/features/base/react/components/native/NavigateSectionListItem.tsx
+++ b/react/features/base/react/components/native/NavigateSectionListItem.tsx
@@ -108,7 +108,7 @@ export default class NavigateSectionListItem extends Component<IProps> {
     *
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { item, onLongPress, onPress, secondaryAction } = this.props;

        return (
--- a/react/features/base/react/components/native/NavigateSectionListSectionHeader.tsx
+++ b/react/features/base/react/components/native/NavigateSectionListSectionHeader.tsx
@@ -27,7 +27,7 @@ export default class NavigateSectionListSectionHeader extends Component<IProps>
     *
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { section } = this.props.section;

        return (
--- a/react/features/base/react/components/native/Pressable.tsx
+++ b/react/features/base/react/components/native/Pressable.tsx
@@ -26,7 +26,7 @@ export default class Pressable extends Component<IProps> {
     * @inheritdoc
     * @returns {React$Node}
     */
-    render() {
+    override render() {
        // onPress
        const { children, onPress } = this.props;

--- a/react/features/base/react/components/native/SectionList.tsx
+++ b/react/features/base/react/components/native/SectionList.tsx
@@ -73,7 +73,7 @@ export default class SectionList extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <SafeAreaView
                style = { styles.container as ViewStyle } >
--- a/react/features/base/react/components/native/SlidingView.tsx
+++ b/react/features/base/react/components/native/SlidingView.tsx
@@ -119,7 +119,7 @@ export default class SlidingView extends PureComponent<IProps, IState> {
     *
     * @inheritdoc
     */
-    componentDidMount() {
+    override componentDidMount() {
        BackHandler.addEventListener('hardwareBackPress', this._onHardwareBackPress);

        this._mounted = true;
@@ -131,7 +131,7 @@ export default class SlidingView extends PureComponent<IProps, IState> {
     *
     * @inheritdoc
     */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
        const { show } = this.props;

        if (prevProps.show !== show) {
@@ -144,7 +144,7 @@ export default class SlidingView extends PureComponent<IProps, IState> {
     *
     * @inheritdoc
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        BackHandler.removeEventListener('hardwareBackPress', this._onHardwareBackPress);

        this._mounted = false;
@@ -155,7 +155,7 @@ export default class SlidingView extends PureComponent<IProps, IState> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { showOverlay } = this.state;

        if (!showOverlay) {
--- a/react/features/base/react/components/native/TintedView.tsx
+++ b/react/features/base/react/components/native/TintedView.tsx
@@ -39,7 +39,7 @@ export default class TintedView extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { children, style } = this.props;

        // XXX Don't tint the children, tint the background only.
--- a/react/features/base/react/components/web/Container.ts
+++ b/react/features/base/react/components/web/Container.ts
@@ -12,7 +12,7 @@ export default class Container<P extends IProps> extends AbstractContainer<P> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { visible = true } = this.props;

        return visible ? super._render('div') : null;
--- a/react/features/base/react/components/web/Image.ts
+++ b/react/features/base/react/components/web/Image.ts
@@ -13,7 +13,7 @@ export default class Image extends Component<React.HTMLProps<HTMLImageElement>>
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return React.createElement('img', this.props);
    }
 }
--- a/react/features/base/react/components/web/Linkify.tsx
+++ b/react/features/base/react/components/web/Linkify.tsx
@@ -20,7 +20,7 @@ export default class Linkify extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        return (
            <ReactLinkify
                componentDecorator = { this._componentDecorator }>
--- a/react/features/base/react/components/web/MeetingsList.tsx
+++ b/react/features/base/react/components/web/MeetingsList.tsx
@@ -105,7 +105,7 @@ class MeetingsList extends Component<IProps> {
     *
     * @returns {React.ReactNode}
     */
-    render() {
+    override render() {
        const { listEmptyComponent, meetings } = this.props;

        /**
--- a/react/features/base/react/components/web/Message.tsx
+++ b/react/features/base/react/components/web/Message.tsx
@@ -95,7 +95,7 @@ class Message extends Component<IProps> {
     *
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { screenReaderHelpText } = this.props;

        return (
--- a/react/features/base/react/components/web/MultiSelectAutocomplete.tsx
+++ b/react/features/base/react/components/web/MultiSelectAutocomplete.tsx
@@ -164,7 +164,7 @@ class MultiSelectAutocomplete extends Component<IProps, IState> {
     *
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const autoFocus = this.props.shouldFocus || false;
        const disabled = this.props.isDisabled || false;
        const placeholder = this.props.placeholder || '';
--- a/react/features/base/react/components/web/NavigateSectionListItem.tsx
+++ b/react/features/base/react/components/web/NavigateSectionListItem.tsx
@@ -36,7 +36,7 @@ export default class NavigateSectionListItem<P extends IProps>
     *
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { elementAfter, lines, title } = this.props.item;
        const { onPress } = this.props;

--- a/react/features/base/react/components/web/NavigateSectionListSectionHeader.tsx
+++ b/react/features/base/react/components/web/NavigateSectionListSectionHeader.tsx
@@ -24,7 +24,7 @@ export default class NavigateSectionListSectionHeader extends Component<IProps>
     *
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <Text className = 'navigate-section-section-header'>
                { this.props.section.title }
--- a/react/features/base/react/components/web/SectionList.tsx
+++ b/react/features/base/react/components/web/SectionList.tsx
@@ -51,7 +51,7 @@ export default class SectionList extends Component<IProps> {
     *
     * @returns {React.ReactNode}
     */
-    render() {
+    override render() {
        const {
            ListEmptyComponent,
            renderSectionHeader,
--- a/react/features/base/react/components/web/Text.ts
+++ b/react/features/base/react/components/web/Text.ts
@@ -15,7 +15,7 @@ export default class Text extends Component<React.HTMLProps<HTMLSpanElement>> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        // eslint-disable-next-line react/prop-types
        const _style = getFixedPlatformStyle(this.props.style as StyleType);

--- a/react/features/base/react/components/web/Watermarks.tsx
+++ b/react/features/base/react/components/web/Watermarks.tsx
@@ -97,7 +97,7 @@ class Watermarks extends Component<IProps, State> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <div>
                {
--- a/react/features/base/settings/components/native/SettingsButton.tsx
+++ b/react/features/base/settings/components/native/SettingsButton.tsx
@@ -14,9 +14,9 @@ import { getFeatureFlag } from '../../../flags/functions';
 * Implements an {@link AbstractButton} to open the carmode.
 */
 class SettingsButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.Settings';
-    icon = IconGear;
-    label = 'settings.buttonLabel';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.Settings';
+    override icon = IconGear;
+    override label = 'settings.buttonLabel';

    /**
     * Handles clicking / pressing the button, and opens the carmode mode.
@@ -24,7 +24,7 @@ class SettingsButton extends AbstractButton<AbstractButtonProps> {
     * @private
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
        return navigate(screen.settings.main);
    }
 }
--- a/react/features/base/sounds/components/SoundCollection.ts
+++ b/react/features/base/sounds/components/SoundCollection.ts
@@ -47,7 +47,7 @@ class SoundCollection extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        let key = 0;
        const sounds = [];

--- a/react/features/base/testing/components/TestConnectionInfo.tsx
+++ b/react/features/base/testing/components/TestConnectionInfo.tsx
@@ -132,7 +132,7 @@ class TestConnectionInfo extends Component<IProps, State> {
     * @inheritdoc
     * returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        statsEmitter.subscribeToClientStats(
            this.props._localUserId, this._onStatsUpdated);
    }
@@ -144,7 +144,7 @@ class TestConnectionInfo extends Component<IProps, State> {
     * @inheritdoc
     * returns {void}
     */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
        if (prevProps._localUserId !== this.props._localUserId) {
            statsEmitter.unsubscribeToClientStats(
                prevProps._localUserId, this._onStatsUpdated);
@@ -159,7 +159,7 @@ class TestConnectionInfo extends Component<IProps, State> {
     * @private
     * @returns {void}
     */
-    componentWillUnmount() {
+    override componentWillUnmount() {
        statsEmitter.unsubscribeToClientStats(
            this.props._localUserId, this._onStatsUpdated);
    }
@@ -170,7 +170,7 @@ class TestConnectionInfo extends Component<IProps, State> {
     *
     * @returns {ReactElement|null}
     */
-    render() {
+    override render() {
        if (!this.props._testMode) {
            return null;
        }
--- a/react/features/base/testing/components/TestHint.android.tsx
+++ b/react/features/base/testing/components/TestHint.android.tsx
@@ -28,7 +28,7 @@ class TestHint extends Component<TestHintProps> {
     *
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        if (!this.props._testModeEnabled) {
            return null;
        }
--- a/react/features/base/testing/components/TestHint.ios.tsx
+++ b/react/features/base/testing/components/TestHint.ios.tsx
@@ -17,7 +17,7 @@ class TestHint extends Component<TestHintProps> {
     *
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        if (!this.props._testModeEnabled) {
            return null;
        }
--- a/react/features/base/toolbox/components/AbstractButton.tsx
+++ b/react/features/base/toolbox/components/AbstractButton.tsx
@@ -384,7 +384,7 @@ export default class AbstractButton<P extends IProps, S = any> extends Component
     * @inheritdoc
     * @returns {React$Node}
     */
-    render(): ReactNode {
+    override render(): ReactNode {
        const props: any = {
            ...this.props,
            accessibilityLabel: this._getAccessibilityLabel(),
--- a/react/features/base/toolbox/components/AbstractHangupButton.ts
+++ b/react/features/base/toolbox/components/AbstractHangupButton.ts
@@ -8,7 +8,7 @@ import AbstractButton, { IProps } from './AbstractButton';
 export default class AbstractHangupButton<P extends IProps, S=any>
    extends AbstractButton<P, S> {

-    icon = IconHangup;
+    override icon = IconHangup;

    /**
     * Handles clicking / pressing the button, and disconnects the conference.
@@ -16,7 +16,7 @@ export default class AbstractHangupButton<P extends IProps, S=any>
     * @protected
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
        this._doHangup();
    }

--- a/react/features/base/toolbox/components/AbstractToolboxItem.tsx
+++ b/react/features/base/toolbox/components/AbstractToolboxItem.tsx
@@ -223,7 +223,7 @@ export default class AbstractToolboxItem<P extends IProps> extends Component<P>
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return this.props.visible ? this._renderItem() : null;
    }
 }
--- a/react/features/base/toolbox/components/BaseAudioMuteButton.ts
+++ b/react/features/base/toolbox/components/BaseAudioMuteButton.ts
@@ -8,8 +8,8 @@ import AbstractButton, { IProps } from './AbstractButton';
 export default class BaseAudioMuteButton<P extends IProps, S=any>
    extends AbstractButton<P, S> {

-    icon = IconMic;
-    toggledIcon = IconMicSlash;
+    override icon = IconMic;
+    override toggledIcon = IconMicSlash;

    /**
     * Handles clicking / pressing the button, and toggles the audio mute state
@@ -19,7 +19,7 @@ export default class BaseAudioMuteButton<P extends IProps, S=any>
     * @protected
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
        this._setAudioMuted(!this._isAudioMuted());
    }

@@ -42,7 +42,7 @@ export default class BaseAudioMuteButton<P extends IProps, S=any>
     * @protected
     * @returns {boolean}
     */
-    _isToggled() {
+    override _isToggled() {
        return this._isAudioMuted();
    }

--- a/react/features/base/toolbox/components/BaseVideoMuteButton.ts
+++ b/react/features/base/toolbox/components/BaseVideoMuteButton.ts
@@ -8,8 +8,8 @@ import AbstractButton, { IProps } from './AbstractButton';
 export default class BaseVideoMuteButton<P extends IProps, S=any>
    extends AbstractButton<P, S> {

-    icon = IconVideo;
-    toggledIcon = IconVideoOff;
+    override icon = IconVideo;
+    override toggledIcon = IconVideoOff;

    /**
     * Handles clicking / pressing the button, and toggles the video mute state
@@ -18,7 +18,7 @@ export default class BaseVideoMuteButton<P extends IProps, S=any>
     * @protected
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
        this._setVideoMuted(!this._isVideoMuted());
    }

@@ -29,7 +29,7 @@ export default class BaseVideoMuteButton<P extends IProps, S=any>
     * @protected
     * @returns {boolean}
     */
-    _isToggled() {
+    override _isToggled() {
        return this._isVideoMuted();
    }

--- a/react/features/base/toolbox/components/ToolboxItem.web.tsx
+++ b/react/features/base/toolbox/components/ToolboxItem.web.tsx
@@ -68,7 +68,7 @@ export default class ToolboxItem extends AbstractToolboxItem<IProps> {
     * @protected
     * @returns {ReactElement}
     */
-    _renderItem() {
+    override _renderItem() {
        const {
            backgroundColor,
            contextMenu,
--- a/react/features/base/ui/components/web/DialogContainer.tsx
+++ b/react/features/base/ui/components/web/DialogContainer.tsx
@@ -61,7 +61,7 @@ class DialogContainer extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <DialogTransition>
                {this.props._overflowDrawer
--- a/react/features/breakout-rooms/components/native/BreakoutRoomsButton.tsx
+++ b/react/features/breakout-rooms/components/native/BreakoutRoomsButton.tsx
@@ -21,9 +21,9 @@ import { screen } from '../../../mobile/navigation/routes';
 * Implements an {@link AbstractButton} to open the breakout room screen.
 */
 class BreakoutRoomsButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.breakoutRooms';
-    icon = IconRingGroup;
-    label = 'breakoutRooms.buttonLabel';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.breakoutRooms';
+    override icon = IconRingGroup;
+    override label = 'breakoutRooms.buttonLabel';

    /**
     * Handles clicking / pressing the button and opens the breakout rooms screen.
@@ -31,7 +31,7 @@ class BreakoutRoomsButton extends AbstractButton<AbstractButtonProps> {
     * @private
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
        return navigate(screen.conference.breakoutRooms);
    }
 }
--- a/react/features/calendar-sync/components/AddMeetingUrlButton.native.ts
+++ b/react/features/calendar-sync/components/AddMeetingUrlButton.native.ts
@@ -11,7 +11,7 @@ class AddMeetingUrlButton extends Component<void> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        // Not yet implemented.

        return null;
--- a/react/features/calendar-sync/components/AddMeetingUrlButton.web.tsx
+++ b/react/features/calendar-sync/components/AddMeetingUrlButton.web.tsx
@@ -56,7 +56,7 @@ class AddMeetingUrlButton extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        return (
            <Tooltip content = { this.props.t('calendarSync.addMeetingURL') }>
                <div
--- a/react/features/calendar-sync/components/CalendarList.native.tsx
+++ b/react/features/calendar-sync/components/CalendarList.native.tsx
@@ -70,7 +70,7 @@ class CalendarList extends AbstractPage<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { disabled } = this.props;

        return (
--- a/react/features/calendar-sync/components/CalendarList.web.tsx
+++ b/react/features/calendar-sync/components/CalendarList.web.tsx
@@ -74,7 +74,7 @@ class CalendarList extends AbstractPage<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { disabled } = this.props;

        return (
--- a/react/features/calendar-sync/components/CalendarListContent.native.tsx
+++ b/react/features/calendar-sync/components/CalendarListContent.native.tsx
@@ -75,7 +75,7 @@ class CalendarListContent extends Component<IProps> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        sendAnalytics(createCalendarSelectedEvent());
    }

@@ -84,7 +84,7 @@ class CalendarListContent extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { disabled, listEmptyComponent } = this.props;

        return (
--- a/react/features/calendar-sync/components/CalendarListContent.web.tsx
+++ b/react/features/calendar-sync/components/CalendarListContent.web.tsx
@@ -69,7 +69,7 @@ class CalendarListContent extends Component<IProps> {
     * @inheritdoc
     * @returns {void}
     */
-    componentDidMount() {
+    override componentDidMount() {
        sendAnalytics(createCalendarSelectedEvent());
    }

@@ -78,7 +78,7 @@ class CalendarListContent extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { disabled, listEmptyComponent } = this.props;
        const { _eventList = [] } = this.props;
        const meetings = _eventList.map(this._toDisplayableItem);
--- a/react/features/calendar-sync/components/JoinButton.native.ts
+++ b/react/features/calendar-sync/components/JoinButton.native.ts
@@ -11,7 +11,7 @@ class JoinButton extends Component<void> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        // Not yet implemented.

        return null;
--- a/react/features/calendar-sync/components/JoinButton.web.tsx
+++ b/react/features/calendar-sync/components/JoinButton.web.tsx
@@ -48,7 +48,7 @@ class JoinButton extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { t } = this.props;

        return (
--- a/react/features/calendar-sync/components/MicrosoftSignInButton.web.tsx
+++ b/react/features/calendar-sync/components/MicrosoftSignInButton.web.tsx
@@ -32,7 +32,7 @@ class MicrosoftSignInButton extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <div
                className = 'microsoft-sign-in'
--- a/react/features/calendar-sync/components/UpdateCalendarEventDialog.native.tsx
+++ b/react/features/calendar-sync/components/UpdateCalendarEventDialog.native.tsx
@@ -41,7 +41,7 @@ class UpdateCalendarEventDialog extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <ConfirmDialog
                descriptionKey = 'calendarSync.confirmAddLink'
--- a/react/features/chat/components/native/Chat.tsx
+++ b/react/features/chat/components/native/Chat.tsx
@@ -52,7 +52,7 @@ class Chat extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { _messages, route } = this.props;
        const privateMessageRecipient = route?.params?.privateMessageRecipient;

--- a/react/features/chat/components/native/ChatButton.ts
+++ b/react/features/chat/components/native/ChatButton.ts
@@ -29,10 +29,10 @@ interface IProps extends AbstractButtonProps {
 * Implements an {@link AbstractButton} to open the chat screen on mobile.
 */
 class ChatButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.chat';
-    icon = IconMessage;
-    label = 'toolbar.chat';
-    toggledIcon = IconChatUnread;
+    override accessibilityLabel = 'toolbar.accessibilityLabel.chat';
+    override icon = IconMessage;
+    override label = 'toolbar.chat';
+    override toggledIcon = IconChatUnread;

    /**
     * Handles clicking / pressing the button, and opens the appropriate dialog.
@@ -40,7 +40,7 @@ class ChatButton extends AbstractButton<IProps> {
     * @private
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
        this.props._isPollsDisabled
            ? navigate(screen.conference.chat)
            : navigate(screen.conference.chatandpolls.main);
@@ -52,7 +52,7 @@ class ChatButton extends AbstractButton<IProps> {
     * @protected
     * @returns {boolean}
     */
-    _isToggled() {
+    override _isToggled() {
        return Boolean(this.props._unreadMessageCount);
    }
 }
--- a/react/features/chat/components/native/ChatInputBar.tsx
+++ b/react/features/chat/components/native/ChatInputBar.tsx
@@ -73,7 +73,7 @@ class ChatInputBar extends Component<IProps, IState> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        let inputBarStyles;

        if (this.props.aspectRatio === ASPECT_RATIO_WIDE) {
--- a/react/features/chat/components/native/ChatMessage.tsx
+++ b/react/features/chat/components/native/ChatMessage.tsx
@@ -31,7 +31,7 @@ class ChatMessage extends Component<IChatMessageProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const { gifEnabled, message, knocking } = this.props;
        const localMessage = message.messageType === MESSAGE_TYPE_LOCAL;
        const { privateMessage, lobbyChat } = message;
--- a/react/features/chat/components/native/ChatMessageGroup.tsx
+++ b/react/features/chat/components/native/ChatMessageGroup.tsx
@@ -35,7 +35,7 @@ export default class ChatMessageGroup extends Component<IProps> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        return (
            <FlatList
                data = { this.props.messages }
--- a/react/features/chat/components/native/ChatPrivacyDialog.tsx
+++ b/react/features/chat/components/native/ChatPrivacyDialog.tsx
@@ -15,7 +15,7 @@ class ChatPrivacyDialog extends AbstractChatPrivacyDialog {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <ConfirmDialog
                cancelLabel = 'dialog.sendPrivateMessageCancel'
--- a/react/features/chat/components/native/MessageContainer.tsx
+++ b/react/features/chat/components/native/MessageContainer.tsx
@@ -39,7 +39,7 @@ class MessageContainer extends AbstractMessageContainer<IProps, any> {
     *
     * @inheritdoc
     */
-    render() {
+    override render() {
        const data = this._getMessagesGroupedBySender();

        return (
--- a/react/features/chat/components/native/MessageRecipient.tsx
+++ b/react/features/chat/components/native/MessageRecipient.tsx
@@ -92,7 +92,7 @@ class MessageRecipient extends AbstractMessageRecipient<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const {
            isLobbyChatActive,
            lobbyMessageRecipient,
--- a/react/features/chat/components/native/PrivateMessageButton.tsx
+++ b/react/features/chat/components/native/PrivateMessageButton.tsx
@@ -45,10 +45,10 @@ export interface IProps extends AbstractButtonProps {
 * Class to render a button that initiates the sending of a private message through chat.
 */
 class PrivateMessageButton extends AbstractButton<IProps, any> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.privateMessage';
-    icon = IconMessage;
-    label = 'toolbar.privateMessage';
-    toggledIcon = IconReply;
+    override accessibilityLabel = 'toolbar.accessibilityLabel.privateMessage';
+    override icon = IconMessage;
+    override label = 'toolbar.privateMessage';
+    override toggledIcon = IconReply;

    /**
     * Handles clicking / pressing the button.
@@ -56,7 +56,7 @@ class PrivateMessageButton extends AbstractButton<IProps, any> {
     * @private
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
        if (this.props._isLobbyMessage) {
            this.props.dispatch(handleLobbyChatInitialized(this.props.participantID));
        }
@@ -82,7 +82,7 @@ class PrivateMessageButton extends AbstractButton<IProps, any> {
     * @protected
     * @returns {boolean}
     */
-    _isToggled() {
+    override _isToggled() {
        return this.props.reply;
    }

--- a/react/features/chat/components/web/ChatButton.tsx
+++ b/react/features/chat/components/web/ChatButton.tsx
@@ -27,13 +27,13 @@ interface IProps extends AbstractButtonProps {
 * Implementation of a button for accessing chat pane.
 */
 class ChatButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.openChat';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.closeChat';
-    icon = IconMessage;
-    label = 'toolbar.openChat';
-    toggledLabel = 'toolbar.closeChat';
-    tooltip = 'toolbar.openChat';
-    toggledTooltip = 'toolbar.closeChat';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.openChat';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.closeChat';
+    override icon = IconMessage;
+    override label = 'toolbar.openChat';
+    override toggledLabel = 'toolbar.closeChat';
+    override tooltip = 'toolbar.openChat';
+    override toggledTooltip = 'toolbar.closeChat';

    /**
     * Indicates whether this button is in toggled state or not.
@@ -42,7 +42,7 @@ class ChatButton extends AbstractButton<IProps> {
     * @protected
     * @returns {boolean}
     */
-    _isToggled() {
+    override _isToggled() {
        return this.props._chatOpen;
    }

@@ -53,7 +53,7 @@ class ChatButton extends AbstractButton<IProps> {
     * @protected
     * @returns {boReact$Nodeolean}
     */
-    render() {
+    override render() {
        return (
            <div
                className = 'toolbar-button-with-badge'
@@ -70,7 +70,7 @@ class ChatButton extends AbstractButton<IProps> {
     * @private
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
        const { dispatch } = this.props;

        sendAnalytics(createToolbarEvent(
--- a/react/features/chat/components/web/ChatCounter.tsx
+++ b/react/features/chat/components/web/ChatCounter.tsx
@@ -35,7 +35,7 @@ class ChatCounter extends Component<IProps> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <span className = 'badge-round'>

--- a/react/features/chat/components/web/ChatInput.tsx
+++ b/react/features/chat/components/web/ChatInput.tsx
@@ -62,7 +62,7 @@ interface IState {
 class ChatInput extends Component<IProps, IState> {
    _textArea?: RefObject<HTMLTextAreaElement>;

-    state = {
+    override state = {
        message: '',
        showSmileysPanel: false
    };
@@ -91,7 +91,7 @@ class ChatInput extends Component<IProps, IState> {
     *
     * @inheritdoc
     */
-    componentDidMount() {
+    override componentDidMount() {
        if (isMobileBrowser()) {
            // Ensure textarea is not focused when opening chat on mobile browser.
            this._textArea?.current && this._textArea.current.blur();
@@ -105,7 +105,7 @@ class ChatInput extends Component<IProps, IState> {
     *
     * @inheritdoc
     */
-    componentDidUpdate(prevProps: Readonly<IProps>) {
+    override componentDidUpdate(prevProps: Readonly<IProps>) {
        if (prevProps._privateMessageRecipientId !== this.props._privateMessageRecipientId) {
            this._textArea?.current?.focus();
        }
@@ -117,7 +117,7 @@ class ChatInput extends Component<IProps, IState> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <div className = { `chat-input-container${this.state.message.trim().length ? ' populated' : ''}` }>
                <div id = 'chat-input' >
--- a/react/features/chat/components/web/ChatPrivacyDialog.tsx
+++ b/react/features/chat/components/web/ChatPrivacyDialog.tsx
@@ -15,7 +15,7 @@ class ChatPrivacyDialog extends AbstractChatPrivacyDialog {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        return (
            <Dialog
                cancel = {{ translationKey: 'dialog.sendPrivateMessageCancel' }}
--- a/react/features/chat/components/web/DisplayNameForm.tsx
+++ b/react/features/chat/components/web/DisplayNameForm.tsx
@@ -43,7 +43,7 @@ interface IState {
 * @augments Component
 */
 class DisplayNameForm extends Component<IProps, IState> {
-    state = {
+    override state = {
        displayName: ''
    };

@@ -68,7 +68,7 @@ class DisplayNameForm extends Component<IProps, IState> {
     * @inheritdoc
     * @returns {ReactElement}
     */
-    render() {
+    override render() {
        const { isPollsEnabled, t } = this.props;

        return (
--- a/Show More
+++ b/Show More