From ea0f9e793422be39fbe37f48e01f7446a3cddd47 Mon Sep 17 00:00:00 2001
From: damencho <damencho@jitsi.org>
Date: Wed, 12 Mar 2025 10:19:11 -0500
Subject: [PATCH] feat: Adds ts rule noImplicitOverride and fix errors.

---
 react/features/always-on-top/AlwaysOnTop.tsx  |  8 +++----
 .../always-on-top/AudioMuteButton.tsx         |  6 ++---
 react/features/always-on-top/HangupButton.tsx |  2 +-
 react/features/always-on-top/Toolbar.tsx      |  6 ++---
 .../always-on-top/VideoMuteButton.tsx         |  6 ++---
 react/features/app/components/AbstractApp.ts  |  4 ++--
 react/features/app/components/App.native.tsx  |  4 ++--
 react/features/app/components/App.web.tsx     |  6 ++---
 .../components/AudioLevelIndicator.tsx        |  2 +-
 .../components/native/LoginDialog.tsx         |  2 +-
 .../components/native/WaitForOwnerDialog.tsx  |  2 +-
 .../components/web/LoginDialog.tsx            |  2 +-
 .../components/web/WaitForOwnerDialog.tsx     |  2 +-
 .../features/base/app/components/BaseApp.tsx  |  8 +++----
 .../base/avatar/components/Avatar.tsx         |  4 ++--
 .../components/native/StatelessAvatar.tsx     |  2 +-
 .../components/native/AbstractDialog.ts       |  4 ++--
 .../dialog/components/native/AlertDialog.tsx  |  2 +-
 .../dialog/components/native/BottomSheet.tsx  |  2 +-
 .../components/native/ConfirmDialog.tsx       |  2 +-
 .../components/native/DialogContainer.tsx     |  2 +-
 .../dialog/components/native/InputDialog.tsx  |  2 +-
 .../components/native/PageReloadDialog.tsx    |  6 ++---
 .../label/components/native/ExpandedLabel.tsx |  4 ++--
 .../base/label/components/native/Label.tsx    |  6 ++---
 .../media/components/AbstractVideoTrack.tsx   |  2 +-
 .../base/media/components/native/Audio.ts     |  8 +++----
 .../base/media/components/native/Video.tsx    |  4 ++--
 .../media/components/native/VideoTrack.tsx    |  2 +-
 .../components/native/VideoTransform.tsx      |  6 ++---
 .../base/media/components/web/Audio.tsx       |  4 ++--
 .../base/media/components/web/AudioTrack.tsx  |  8 +++----
 .../base/media/components/web/Video.tsx       |  8 +++----
 .../base/media/components/web/VideoTrack.tsx  |  2 +-
 .../components/ParticipantView.native.tsx     |  2 +-
 .../base/popover/components/Popover.web.tsx   |  6 ++---
 .../components/native/AvatarListItem.tsx      |  2 +-
 .../react/components/native/BaseIndicator.tsx |  2 +-
 .../react/components/native/Container.tsx     |  2 +-
 .../base/react/components/native/Image.tsx    |  2 +-
 .../base/react/components/native/Link.tsx     |  2 +-
 .../base/react/components/native/Linkify.tsx  |  2 +-
 .../components/native/LoadingIndicator.tsx    |  2 +-
 .../base/react/components/native/Modal.tsx    |  2 +-
 .../components/native/NavigateSectionList.tsx |  2 +-
 .../NavigateSectionListEmptyComponent.tsx     |  2 +-
 .../native/NavigateSectionListItem.tsx        |  2 +-
 .../NavigateSectionListSectionHeader.tsx      |  2 +-
 .../react/components/native/Pressable.tsx     |  2 +-
 .../react/components/native/SectionList.tsx   |  2 +-
 .../react/components/native/SlidingView.tsx   |  8 +++----
 .../react/components/native/TintedView.tsx    |  2 +-
 .../base/react/components/web/Container.ts    |  2 +-
 .../base/react/components/web/Image.ts        |  2 +-
 .../base/react/components/web/Linkify.tsx     |  2 +-
 .../react/components/web/MeetingsList.tsx     |  2 +-
 .../base/react/components/web/Message.tsx     |  2 +-
 .../web/MultiSelectAutocomplete.tsx           |  2 +-
 .../web/NavigateSectionListItem.tsx           |  2 +-
 .../web/NavigateSectionListSectionHeader.tsx  |  2 +-
 .../base/react/components/web/SectionList.tsx |  2 +-
 .../base/react/components/web/Text.ts         |  2 +-
 .../base/react/components/web/Watermarks.tsx  |  2 +-
 .../components/native/SettingsButton.tsx      |  8 +++----
 .../base/sounds/components/SoundCollection.ts |  2 +-
 .../testing/components/TestConnectionInfo.tsx |  8 +++----
 .../testing/components/TestHint.android.tsx   |  2 +-
 .../base/testing/components/TestHint.ios.tsx  |  2 +-
 .../toolbox/components/AbstractButton.tsx     |  2 +-
 .../components/AbstractHangupButton.ts        |  4 ++--
 .../components/AbstractToolboxItem.tsx        |  2 +-
 .../toolbox/components/BaseAudioMuteButton.ts |  8 +++----
 .../toolbox/components/BaseVideoMuteButton.ts |  8 +++----
 .../toolbox/components/ToolboxItem.web.tsx    |  2 +-
 .../ui/components/web/DialogContainer.tsx     |  2 +-
 .../components/native/BreakoutRoomsButton.tsx |  8 +++----
 .../components/AddMeetingUrlButton.native.ts  |  2 +-
 .../components/AddMeetingUrlButton.web.tsx    |  2 +-
 .../components/CalendarList.native.tsx        |  2 +-
 .../components/CalendarList.web.tsx           |  2 +-
 .../components/CalendarListContent.native.tsx |  4 ++--
 .../components/CalendarListContent.web.tsx    |  4 ++--
 .../components/JoinButton.native.ts           |  2 +-
 .../components/JoinButton.web.tsx             |  2 +-
 .../components/MicrosoftSignInButton.web.tsx  |  2 +-
 .../UpdateCalendarEventDialog.native.tsx      |  2 +-
 .../features/chat/components/native/Chat.tsx  |  2 +-
 .../chat/components/native/ChatButton.ts      | 12 +++++-----
 .../chat/components/native/ChatInputBar.tsx   |  2 +-
 .../chat/components/native/ChatMessage.tsx    |  2 +-
 .../components/native/ChatMessageGroup.tsx    |  2 +-
 .../components/native/ChatPrivacyDialog.tsx   |  2 +-
 .../components/native/MessageContainer.tsx    |  2 +-
 .../components/native/MessageRecipient.tsx    |  2 +-
 .../native/PrivateMessageButton.tsx           | 12 +++++-----
 .../chat/components/web/ChatButton.tsx        | 20 ++++++++---------
 .../chat/components/web/ChatCounter.tsx       |  2 +-
 .../chat/components/web/ChatInput.tsx         |  8 +++----
 .../chat/components/web/ChatPrivacyDialog.tsx |  2 +-
 .../chat/components/web/DisplayNameForm.tsx   |  4 ++--
 .../chat/components/web/MessageContainer.tsx  | 10 ++++-----
 .../chat/components/web/SmileysPanel.tsx      |  2 +-
 .../components/ChromeExtensionBanner.web.tsx  |  4 ++--
 .../AbstractInsecureRoomNameLabel.tsx         |  2 +-
 .../components/native/Conference.tsx          |  8 +++----
 .../conference/components/native/Labels.tsx   |  2 +-
 .../native/LonelyMeetingExperience.tsx        |  2 +-
 .../conference/components/web/Conference.tsx  |  8 +++----
 .../components/web/ConferenceInfo.tsx         |  2 +-
 .../components/web/InsecureRoomNameLabel.tsx  |  2 +-
 .../components/AbstractConnectionIndicator.ts |  6 ++---
 .../components/native/ConnectionIndicator.tsx |  2 +-
 .../components/web/ConnectionIndicator.tsx    |  2 +-
 .../web/ConnectionIndicatorContent.tsx        |  2 +-
 .../components/NoMobileApp.web.tsx            |  4 ++--
 .../components/DesktopPicker.tsx              |  8 +++----
 .../components/DesktopPickerPane.tsx          |  2 +-
 .../components/DesktopSourcePreview.tsx       |  2 +-
 .../components/AudioDevicesSelection.web.tsx  |  8 +++----
 .../components/AudioOutputPreview.web.tsx     |  4 ++--
 .../components/VideoDeviceSelection.web.tsx   |  8 +++----
 .../components/native/DisplayNameLabel.tsx    |  2 +-
 .../components/native/DisplayNamePrompt.tsx   |  2 +-
 .../components/web/DisplayNamePrompt.tsx      |  2 +-
 .../components/EmbedMeetingButton.ts          | 10 ++++-----
 .../components/SharedDocumentButton.native.ts | 10 ++++-----
 .../components/SharedDocumentButton.web.ts    | 18 +++++++--------
 .../components/native/SharedDocument.tsx      |  2 +-
 .../feedback/components/FeedbackButton.web.ts | 10 ++++-----
 .../components/native/AudioMutedIndicator.tsx |  2 +-
 .../filmstrip/components/native/Filmstrip.tsx |  2 +-
 .../components/native/RaisedHandIndicator.tsx |  2 +-
 .../filmstrip/components/native/Thumbnail.tsx |  8 +++----
 .../filmstrip/components/native/TileView.tsx  |  2 +-
 .../filmstrip/components/web/Filmstrip.tsx    |  6 ++---
 .../components/web/StatusIndicators.tsx       |  2 +-
 .../filmstrip/components/web/Thumbnail.tsx    |  8 +++----
 .../components/web/ThumbnailWrapper.tsx       |  2 +-
 .../components/GoogleSignInButton.native.tsx  |  2 +-
 .../components/GoogleSignInButton.web.tsx     |  2 +-
 .../native/AddPeopleDialog.tsx                |  6 ++---
 .../add-people-dialog/web/InviteButton.ts     | 10 ++++-----
 .../web/InviteContactsForm.tsx                |  6 ++---
 .../components/callee-info/CalleeInfo.tsx     |  2 +-
 .../callee-info/CalleeInfoContainer.tsx       |  2 +-
 .../dial-in-summary/native/DialInSummary.tsx  |  4 ++--
 .../native/DialInSummaryErrorDialog.tsx       |  2 +-
 .../dial-in-summary/web/DialInSummary.tsx     |  6 ++---
 .../dial-in-summary/web/DialInSummaryApp.tsx  |  6 ++---
 .../components/web/PremiumFeatureDialog.tsx   |  2 +-
 .../components/KeyboardShortcutsButton.ts     | 10 ++++-----
 .../components/LargeVideo.native.tsx          |  8 +++----
 .../large-video/components/LargeVideo.web.tsx |  4 ++--
 .../components/LargeVideoBackground.web.tsx   |  8 +++----
 .../components/native/LobbyChatScreen.tsx     |  2 +-
 .../lobby/components/native/LobbyScreen.tsx   |  2 +-
 .../lobby/components/web/LobbyScreen.tsx      | 18 +++++++--------
 .../lobby/components/web/LobbySection.tsx     |  2 +-
 .../components/AudioDeviceToggleButton.ts     |  8 +++----
 .../components/AudioRoutePickerDialog.tsx     |  4 ++--
 .../components/PictureInPictureButton.ts      | 10 ++++-----
 .../no-audio-signal/components/DialInLink.tsx |  2 +-
 .../components/NoiseSuppressionButton.tsx     | 16 +++++++-------
 .../native/NotificationsContainer.tsx         |  8 +++----
 .../OldElectronAPPNotificationDescription.tsx |  2 +-
 .../web/AbstractPageReloadOverlay.tsx         |  4 ++--
 .../components/web/OverlayContainer.tsx       |  2 +-
 .../overlay/components/web/OverlayFrame.tsx   |  2 +-
 .../components/web/PageReloadOverlay.tsx      |  2 +-
 .../components/web/SuspendedOverlay.tsx       |  2 +-
 .../native/MeetingParticipantItem.tsx         |  2 +-
 .../native/ParticipantsPaneButton.tsx         |  8 +++----
 .../components/native/RoomParticipantMenu.tsx |  2 +-
 .../web/MeetingParticipantContextMenu.tsx     |  2 +-
 .../components/web/ParticipantsPaneButton.tsx | 18 +++++++--------
 .../prejoin/components/web/PrejoinApp.tsx     |  6 ++---
 .../components/web/PrejoinThirdParty.tsx      |  2 +-
 .../web/dialogs/JoinByPhoneDialog.tsx         |  4 ++--
 .../components/PresenceLabel.tsx              |  2 +-
 .../components/native/RaiseHandButton.tsx     |  2 +-
 .../components/native/ReactionMenuDialog.tsx  |  2 +-
 .../components/native/ReactionsMenuButton.ts  | 12 +++++-----
 .../components/web/RaiseHandButton.ts         | 18 +++++++--------
 .../components/web/ReactionButton.tsx         |  2 +-
 .../components/web/ReactionEmoji.tsx          |  4 ++--
 .../components/web/ReactionsMenuButton.tsx    | 10 ++++-----
 .../components/AbstractRecentList.tsx         |  2 +-
 .../components/DeleteItemButton.native.ts     |  8 +++----
 .../components/RecentList.native.tsx          |  2 +-
 .../recent-list/components/RecentList.web.tsx |  2 +-
 .../components/RecentListItemMenu.native.tsx  |  2 +-
 .../ShowDialInInfoButton.native.tsx           |  8 +++----
 .../components/AbstractRecordingLabel.ts      |  2 +-
 .../LiveStream/AbstractLiveStreamButton.ts    | 18 +++++++--------
 .../AbstractStartLiveStreamDialog.ts          |  4 ++--
 .../LiveStream/AbstractStreamKeyForm.ts       |  4 ++--
 .../LiveStream/native/GoogleSigninForm.tsx    |  4 ++--
 .../native/StartLiveStreamDialog.tsx          |  4 ++--
 .../native/StopLiveStreamDialog.tsx           |  2 +-
 .../LiveStream/native/StreamKeyForm.tsx       |  2 +-
 .../LiveStream/native/StreamKeyPicker.tsx     |  2 +-
 .../LiveStream/web/LiveStreamButton.ts        |  2 +-
 .../LiveStream/web/StartLiveStreamDialog.tsx  |  8 +++----
 .../LiveStream/web/StopLiveStreamDialog.tsx   |  2 +-
 .../LiveStream/web/StreamKeyForm.tsx          |  2 +-
 .../LiveStream/web/StreamKeyPicker.tsx        |  4 ++--
 .../Recording/AbstractRecordButton.ts         | 20 ++++++++---------
 .../Recording/AbstractStartRecordingDialog.ts |  4 ++--
 .../AbstractStartRecordingDialogContent.tsx   |  4 ++--
 .../Recording/native/HighlightButton.tsx      |  2 +-
 .../Recording/native/StartRecordingDialog.tsx |  6 ++---
 .../native/StartRecordingDialogContent.tsx    |  2 +-
 .../Recording/native/StopRecordingDialog.tsx  |  2 +-
 .../Recording/web/HighlightButton.tsx         |  8 +++----
 .../components/Recording/web/RecordButton.ts  |  2 +-
 .../Recording/web/StartRecordingDialog.tsx    |  4 ++--
 .../web/StartRecordingDialogContent.tsx       |  2 +-
 .../Recording/web/StopRecordingDialog.tsx     |  4 ++--
 .../components/web/RecordingLabel.tsx         |  2 +-
 .../RemoteControlAuthorizationDialog.tsx      |  2 +-
 .../PasswordRequiredPrompt.native.tsx         |  4 ++--
 .../components/PasswordRequiredPrompt.web.tsx |  4 ++--
 .../components/web/ShareAudioButton.ts        | 16 +++++++-------
 .../components/web/ShareAudioDialog.tsx       |  2 +-
 .../web/ShareScreenWarningDialog.tsx          |  2 +-
 .../AbstractSecurityDialogButton.ts           | 14 ++++++------
 .../security-dialog/native/SecurityDialog.tsx |  2 +-
 .../web/SecurityDialogButton.ts               |  2 +-
 .../settings/components/native/FormRow.tsx    |  2 +-
 .../settings/components/web/CalendarTab.tsx   |  4 ++--
 .../settings/components/web/ModeratorTab.tsx  |  2 +-
 .../settings/components/web/MoreTab.tsx       |  2 +-
 .../components/web/NotificationsTab.tsx       |  2 +-
 .../settings/components/web/ProfileTab.tsx    |  2 +-
 .../settings/components/web/SettingsButton.ts | 10 ++++-----
 .../settings/components/web/ShortcutsTab.tsx  |  2 +-
 .../components/web/VirtualBackgroundTab.tsx   |  2 +-
 .../components/native/AbstractVideoManager.ts |  6 ++---
 .../components/native/SharedVideo.tsx         |  4 ++--
 .../components/native/SharedVideoButton.ts    | 14 ++++++------
 .../components/native/SharedVideoDialog.tsx   |  2 +-
 .../components/native/VideoManager.tsx        |  2 +-
 .../components/native/YoutubeVideoManager.tsx |  2 +-
 .../components/web/AbstractVideoManager.ts    |  6 ++---
 .../components/web/SharedVideo.tsx            |  2 +-
 .../components/web/SharedVideoButton.ts       | 20 ++++++++---------
 .../components/web/SharedVideoDialog.tsx      |  2 +-
 .../components/web/VideoManager.tsx           | 20 ++++++++---------
 .../components/web/YoutubeVideoManager.tsx    | 22 +++++++++----------
 .../components/AbstractSpeakerStatsButton.tsx |  8 +++----
 .../components/native/SpeakerStatsButton.ts   |  2 +-
 .../components/native/TimeElapsed.tsx         |  2 +-
 .../components/web/SpeakerStatsButton.tsx     |  2 +-
 .../subtitles/components/AbstractCaptions.tsx |  2 +-
 .../AbstractClosedCaptionButton.tsx           |  6 ++---
 .../components/native/ClosedCaptionButton.tsx |  6 ++---
 .../subtitles/components/web/Captions.tsx     |  4 ++--
 .../components/web/ClosedCaptionButton.tsx    | 12 +++++-----
 .../components/AbstractAudioMuteButton.tsx    | 18 +++++++--------
 .../components/AbstractVideoMuteButton.tsx    | 18 +++++++--------
 .../toolbox/components/DownloadButton.ts      | 10 ++++-----
 .../toolbox/components/HangupButton.ts        |  8 +++----
 .../features/toolbox/components/HelpButton.ts | 10 ++++-----
 .../components/native/AudioOnlyButton.ts      | 14 ++++++------
 .../native/LinkToSalesforceButton.ts          |  8 +++----
 .../components/native/OpenCarmodeButton.tsx   |  8 +++----
 .../components/native/OverflowMenu.tsx        |  2 +-
 .../components/native/OverflowMenuButton.ts   |  8 +++----
 .../components/native/RaiseHandButton.ts      | 12 +++++-----
 .../native/ScreenSharingAndroidButton.ts      | 12 +++++-----
 .../native/ScreenSharingIosButton.tsx         | 14 ++++++------
 .../components/native/ToggleCameraButton.ts   |  8 +++----
 .../components/native/ToggleSelfViewButton.ts | 12 +++++-----
 .../components/web/AudioMuteButton.tsx        | 12 +++++-----
 .../components/web/AudioSettingsButton.tsx    |  2 +-
 .../components/web/CustomOptionButton.tsx     | 10 ++++-----
 .../components/web/FullscreenButton.ts        | 20 ++++++++---------
 .../components/web/HangupMenuButton.tsx       |  2 +-
 .../components/web/HangupToggleButton.tsx     | 16 +++++++-------
 .../components/web/LinkToSalesforceButton.ts  | 10 ++++-----
 .../components/web/OverflowToggleButton.ts    | 16 +++++++-------
 .../toolbox/components/web/ProfileButton.ts   | 12 +++++-----
 .../components/web/ProfileButtonAvatar.tsx    |  2 +-
 .../components/web/ShareDesktopButton.ts      | 18 +++++++--------
 .../components/web/ToggleCameraButton.ts      | 10 ++++-----
 .../components/web/VideoMuteButton.tsx        | 12 +++++-----
 .../components/web/VideoSettingsButton.tsx    |  2 +-
 .../DefaultUnsupportedDesktopBrowser.tsx      |  4 ++--
 .../video-layout/components/TileViewButton.ts | 16 +++++++-------
 .../AbstractGrantModeratorButton.ts           | 18 +++++++--------
 .../components/AbstractKickButton.ts          |  8 +++----
 .../components/AbstractMuteButton.ts          | 14 ++++++------
 .../components/AbstractMuteEveryoneDialog.ts  |  2 +-
 .../AbstractMuteEveryoneElseButton.ts         |  8 +++----
 .../AbstractMuteEveryoneElsesVideoButton.ts   |  8 +++----
 .../AbstractMuteEveryonesVideoDialog.ts       |  2 +-
 .../components/AbstractMuteVideoButton.ts     | 14 ++++++------
 .../components/native/AskUnmuteButton.ts      |  8 +++----
 .../native/ConnectionStatusButton.ts          |  6 ++---
 .../native/ConnectionStatusComponent.tsx      |  6 ++---
 .../native/DemoteToVisitorButton.ts           |  8 +++----
 .../native/GrantModeratorDialog.tsx           |  2 +-
 .../native/KickRemoteParticipantDialog.tsx    |  2 +-
 .../components/native/LocalVideoMenu.tsx      |  2 +-
 .../components/native/LowerHandButton.tsx     |  8 +++----
 .../components/native/MuteEveryoneDialog.tsx  |  2 +-
 .../native/MuteEveryonesVideoDialog.tsx       |  2 +-
 .../MuteRemoteParticipantsVideoDialog.tsx     |  2 +-
 .../video-menu/components/native/PinButton.ts |  8 +++----
 .../components/native/RemoteVideoMenu.tsx     |  2 +-
 .../components/native/SendToBreakoutRoom.ts   |  6 ++---
 .../components/native/SharedVideoMenu.tsx     |  2 +-
 .../components/native/VolumeSlider.tsx        |  2 +-
 .../components/web/FlipLocalVideoButton.tsx   |  2 +-
 .../components/web/GrantModeratorDialog.tsx   |  2 +-
 .../web/HideSelfViewVideoButton.tsx           |  2 +-
 .../web/KickRemoteParticipantDialog.tsx       |  2 +-
 .../components/web/MuteEveryoneDialog.tsx     |  2 +-
 .../web/MuteEveryonesVideoDialog.tsx          |  2 +-
 .../web/MuteRemoteParticipantsVideoDialog.tsx |  2 +-
 .../web/PrivateMessageMenuButton.tsx          |  2 +-
 .../components/web/RemoteControlButton.tsx    |  2 +-
 .../components/VideoQualityButton.web.ts      | 10 ++++-----
 .../components/VideoQualityDialog.web.tsx     |  2 +-
 .../components/VideoQualityLabel.native.tsx   |  2 +-
 .../components/VideoQualitySlider.web.tsx     |  2 +-
 .../components/VideoBackgroundButton.ts       | 12 +++++-----
 .../components/VirtualBackgroundPreview.tsx   |  8 +++----
 .../welcome/components/AbstractWelcomePage.ts |  6 ++---
 .../welcome/components/WelcomePage.native.tsx |  4 ++--
 .../welcome/components/WelcomePage.web.tsx    |  8 +++----
 .../components/native/Whiteboard.tsx          |  4 ++--
 .../components/native/WhiteboardButton.tsx    | 10 ++++-----
 .../components/web/WhiteboardApp.tsx          |  6 ++---
 .../components/web/WhiteboardButton.tsx       | 20 ++++++++---------
 tsconfig.web.json                             |  1 +
 336 files changed, 878 insertions(+), 877 deletions(-)

diff --git a/react/features/always-on-top/AlwaysOnTop.tsx b/react/features/always-on-top/AlwaysOnTop.tsx
index f9c29a3ba4..5ed8b36b65 100644
--- 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
diff --git a/react/features/always-on-top/AudioMuteButton.tsx b/react/features/always-on-top/AudioMuteButton.tsx
index 323026ba23..6d2bf8d5d2 100644
--- 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 (
diff --git a/react/features/always-on-top/HangupButton.tsx b/react/features/always-on-top/HangupButton.tsx
index 5b97f604dd..a60d0e5281 100644
--- 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 }
diff --git a/react/features/always-on-top/Toolbar.tsx b/react/features/always-on-top/Toolbar.tsx
index 1065fe49fd..af4e981763 100644
--- 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,
diff --git a/react/features/always-on-top/VideoMuteButton.tsx b/react/features/always-on-top/VideoMuteButton.tsx
index f6522c0771..091d423e9f 100644
--- 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 (
diff --git a/react/features/app/components/AbstractApp.ts b/react/features/app/components/AbstractApp.ts
index e1dd92087d..f8c3ad8433 100644
--- 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;
diff --git a/react/features/app/components/App.native.tsx b/react/features/app/components/App.native.tsx
index d018e723b8..725267fe36 100644
--- 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() }
diff --git a/react/features/app/components/App.web.tsx b/react/features/app/components/App.web.tsx
index 119e0af608..b3fc07c1ef 100644
--- 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 />
diff --git a/react/features/audio-level-indicator/components/AudioLevelIndicator.tsx b/react/features/audio-level-indicator/components/AudioLevelIndicator.tsx
index ff476d94e5..460d875597 100644
--- 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.
diff --git a/react/features/authentication/components/native/LoginDialog.tsx b/react/features/authentication/components/native/LoginDialog.tsx
index ad849be11f..f19fc4a2f4 100644
--- 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
diff --git a/react/features/authentication/components/native/WaitForOwnerDialog.tsx b/react/features/authentication/components/native/WaitForOwnerDialog.tsx
index b029da7271..d81f5151f7 100644
--- 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 (
diff --git a/react/features/authentication/components/web/LoginDialog.tsx b/react/features/authentication/components/web/LoginDialog.tsx
index 5215e8b018..5fc8a3864d 100644
--- 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
diff --git a/react/features/authentication/components/web/WaitForOwnerDialog.tsx b/react/features/authentication/components/web/WaitForOwnerDialog.tsx
index 9247293a0d..2d9185e3e9 100644
--- 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;
diff --git a/react/features/base/app/components/BaseApp.tsx b/react/features/base/app/components/BaseApp.tsx
index 2b6066e20a..17d2035011 100644
--- 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) {
diff --git a/react/features/base/avatar/components/Avatar.tsx b/react/features/base/avatar/components/Avatar.tsx
index 3cd131bcc6..bb061d7d4d 100644
--- 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,
diff --git a/react/features/base/avatar/components/native/StatelessAvatar.tsx b/react/features/base/avatar/components/native/StatelessAvatar.tsx
index 8f965f10ba..7e38169d01 100644
--- 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;
diff --git a/react/features/base/dialog/components/native/AbstractDialog.ts b/react/features/base/dialog/components/native/AbstractDialog.ts
index 8db00ea4b9..d9ef4a0593 100644
--- 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;
     }
 
diff --git a/react/features/base/dialog/components/native/AlertDialog.tsx b/react/features/base/dialog/components/native/AlertDialog.tsx
index 6b68cf525b..ab1db8f6e6 100644
--- 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'
diff --git a/react/features/base/dialog/components/native/BottomSheet.tsx b/react/features/base/dialog/components/native/BottomSheet.tsx
index cf36af0653..d4b2a9b308 100644
--- 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,
diff --git a/react/features/base/dialog/components/native/ConfirmDialog.tsx b/react/features/base/dialog/components/native/ConfirmDialog.tsx
index bc383f4654..ee506eac6b 100644
--- 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,
diff --git a/react/features/base/dialog/components/native/DialogContainer.tsx b/react/features/base/dialog/components/native/DialogContainer.tsx
index 6329f6e1ab..11724b7a3b 100644
--- 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()}
diff --git a/react/features/base/dialog/components/native/InputDialog.tsx b/react/features/base/dialog/components/native/InputDialog.tsx
index 78388d42fd..ac0a4283d3 100644
--- 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,
diff --git a/react/features/base/dialog/components/native/PageReloadDialog.tsx b/react/features/base/dialog/components/native/PageReloadDialog.tsx
index 2a85c707fb..58a13da065 100644
--- 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;
 
diff --git a/react/features/base/label/components/native/ExpandedLabel.tsx b/react/features/base/label/components/native/ExpandedLabel.tsx
index 3240a1cdcf..1c7b2746f6 100644
--- 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,
diff --git a/react/features/base/label/components/native/Label.tsx b/react/features/base/label/components/native/Label.tsx
index de143791c1..399665c7ae 100644
--- 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;
diff --git a/react/features/base/media/components/AbstractVideoTrack.tsx b/react/features/base/media/components/AbstractVideoTrack.tsx
index 03c4051539..354940881e 100644
--- 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;
 
diff --git a/react/features/base/media/components/native/Audio.ts b/react/features/base/media/components/native/Audio.ts
index 0e70d4b0ec..f055702a6f 100644
--- 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.
diff --git a/react/features/base/media/components/native/Video.tsx b/react/features/base/media/components/native/Video.tsx
index e6003c9588..42d82c5fd0 100644
--- 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) {
diff --git a/react/features/base/media/components/native/VideoTrack.tsx b/react/features/base/media/components/native/VideoTrack.tsx
index 018d8efbd5..6ecc686318 100644
--- 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() }
diff --git a/react/features/base/media/components/native/VideoTransform.tsx b/react/features/base/media/components/native/VideoTransform.tsx
index 1c8f15be10..c6708b9749 100644
--- 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;
 
diff --git a/react/features/base/media/components/web/Audio.tsx b/react/features/base/media/components/web/Audio.tsx
index d270dd32e2..da38afe683 100644
--- 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;
diff --git a/react/features/base/media/components/web/AudioTrack.tsx b/react/features/base/media/components/web/AudioTrack.tsx
index ac0c2e2ce1..caa02f078a 100644
--- 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 (
diff --git a/react/features/base/media/components/web/Video.tsx b/react/features/base/media/components/web/Video.tsx
index 38b95a313d..cda4a1f468 100644
--- 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,
diff --git a/react/features/base/media/components/web/VideoTrack.tsx b/react/features/base/media/components/web/VideoTrack.tsx
index 39093ea4ca..ef9e9f36ae 100644
--- 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,
diff --git a/react/features/base/participants/components/ParticipantView.native.tsx b/react/features/base/participants/components/ParticipantView.native.tsx
index 390bbd5e93..c4b1c4b7c1 100644
--- 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,
diff --git a/react/features/base/popover/components/Popover.web.tsx b/react/features/base/popover/components/Popover.web.tsx
index c72cebfcd8..4236d45037 100644
--- 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,
diff --git a/react/features/base/react/components/native/AvatarListItem.tsx b/react/features/base/react/components/native/AvatarListItem.tsx
index e48f5fde91..8598f63d04 100644
--- 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,
diff --git a/react/features/base/react/components/native/BaseIndicator.tsx b/react/features/base/react/components/native/BaseIndicator.tsx
index d498647722..c6e7a40e5f 100644
--- 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 (
diff --git a/react/features/base/react/components/native/Container.tsx b/react/features/base/react/components/native/Container.tsx
index 51855e8bf2..961bd13a28 100644
--- 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,
diff --git a/react/features/base/react/components/native/Image.tsx b/react/features/base/react/components/native/Image.tsx
index b976a4d614..16605b3aac 100644
--- 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 }
diff --git a/react/features/base/react/components/native/Link.tsx b/react/features/base/react/components/native/Link.tsx
index 12360cc656..3d04e4dc00 100644
--- 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 }
diff --git a/react/features/base/react/components/native/Linkify.tsx b/react/features/base/react/components/native/Linkify.tsx
index 46c610d986..19518927c9 100644
--- 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 }>
diff --git a/react/features/base/react/components/native/LoadingIndicator.tsx b/react/features/base/react/components/native/LoadingIndicator.tsx
index 2591fded91..b82b252cea 100644
--- 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;
 
diff --git a/react/features/base/react/components/native/Modal.tsx b/react/features/base/react/components/native/Modal.tsx
index cc83f52dae..50c501515e 100644
--- 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;
 
diff --git a/react/features/base/react/components/native/NavigateSectionList.tsx b/react/features/base/react/components/native/NavigateSectionList.tsx
index 65883a548a..66e9c0df10 100644
--- 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
diff --git a/react/features/base/react/components/native/NavigateSectionListEmptyComponent.tsx b/react/features/base/react/components/native/NavigateSectionListEmptyComponent.tsx
index dc6def444c..3963a41f0b 100644
--- 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 (
diff --git a/react/features/base/react/components/native/NavigateSectionListItem.tsx b/react/features/base/react/components/native/NavigateSectionListItem.tsx
index 0ac01469f0..db879cbaac 100644
--- 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 (
diff --git a/react/features/base/react/components/native/NavigateSectionListSectionHeader.tsx b/react/features/base/react/components/native/NavigateSectionListSectionHeader.tsx
index b25d49a489..6e1867977b 100644
--- 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 (
diff --git a/react/features/base/react/components/native/Pressable.tsx b/react/features/base/react/components/native/Pressable.tsx
index 521eaae8bd..1e961a7da3 100644
--- 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;
 
diff --git a/react/features/base/react/components/native/SectionList.tsx b/react/features/base/react/components/native/SectionList.tsx
index abc99c46e4..4f96e1f8ea 100644
--- 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 } >
diff --git a/react/features/base/react/components/native/SlidingView.tsx b/react/features/base/react/components/native/SlidingView.tsx
index 2459ddc299..1137b8f4fa 100644
--- 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) {
diff --git a/react/features/base/react/components/native/TintedView.tsx b/react/features/base/react/components/native/TintedView.tsx
index 3cfed6997d..e44f025f1c 100644
--- 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.
diff --git a/react/features/base/react/components/web/Container.ts b/react/features/base/react/components/web/Container.ts
index a76098151d..fbd2046349 100644
--- 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;
diff --git a/react/features/base/react/components/web/Image.ts b/react/features/base/react/components/web/Image.ts
index 27e5557ff3..2b34507019 100644
--- 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);
     }
 }
diff --git a/react/features/base/react/components/web/Linkify.tsx b/react/features/base/react/components/web/Linkify.tsx
index 5dc1197ce8..477d730840 100644
--- 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 }>
diff --git a/react/features/base/react/components/web/MeetingsList.tsx b/react/features/base/react/components/web/MeetingsList.tsx
index ab5cd86d4e..bb0cacbd94 100644
--- 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;
 
         /**
diff --git a/react/features/base/react/components/web/Message.tsx b/react/features/base/react/components/web/Message.tsx
index 23062f994e..06c9f6c9a9 100644
--- 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 (
diff --git a/react/features/base/react/components/web/MultiSelectAutocomplete.tsx b/react/features/base/react/components/web/MultiSelectAutocomplete.tsx
index b60e7b51b4..f9ed1f19c1 100644
--- 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 || '';
diff --git a/react/features/base/react/components/web/NavigateSectionListItem.tsx b/react/features/base/react/components/web/NavigateSectionListItem.tsx
index 8d46a69f93..729e868551 100644
--- 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;
 
diff --git a/react/features/base/react/components/web/NavigateSectionListSectionHeader.tsx b/react/features/base/react/components/web/NavigateSectionListSectionHeader.tsx
index 1cede21bb0..ac45114190 100644
--- 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 }
diff --git a/react/features/base/react/components/web/SectionList.tsx b/react/features/base/react/components/web/SectionList.tsx
index 0ff5c5ce51..3222e1180f 100644
--- 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,
diff --git a/react/features/base/react/components/web/Text.ts b/react/features/base/react/components/web/Text.ts
index ba9b4c3e4c..ba7868072d 100644
--- 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);
 
diff --git a/react/features/base/react/components/web/Watermarks.tsx b/react/features/base/react/components/web/Watermarks.tsx
index b6b7d923b4..1ed493f947 100644
--- 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>
                 {
diff --git a/react/features/base/settings/components/native/SettingsButton.tsx b/react/features/base/settings/components/native/SettingsButton.tsx
index a139052f81..e830712bb1 100644
--- 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);
     }
 }
diff --git a/react/features/base/sounds/components/SoundCollection.ts b/react/features/base/sounds/components/SoundCollection.ts
index b6a3ce8cbc..72a48a1d69 100644
--- 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 = [];
 
diff --git a/react/features/base/testing/components/TestConnectionInfo.tsx b/react/features/base/testing/components/TestConnectionInfo.tsx
index 8d991fb94b..436719cc66 100644
--- 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;
         }
diff --git a/react/features/base/testing/components/TestHint.android.tsx b/react/features/base/testing/components/TestHint.android.tsx
index a24f3c7daf..daf1747bf7 100644
--- 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;
         }
diff --git a/react/features/base/testing/components/TestHint.ios.tsx b/react/features/base/testing/components/TestHint.ios.tsx
index baf9f667bd..d664a102c1 100644
--- 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;
         }
diff --git a/react/features/base/toolbox/components/AbstractButton.tsx b/react/features/base/toolbox/components/AbstractButton.tsx
index e340a472d8..d93205f396 100644
--- 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(),
diff --git a/react/features/base/toolbox/components/AbstractHangupButton.ts b/react/features/base/toolbox/components/AbstractHangupButton.ts
index fd7d8f9b3d..9169d20604 100644
--- 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();
     }
 
diff --git a/react/features/base/toolbox/components/AbstractToolboxItem.tsx b/react/features/base/toolbox/components/AbstractToolboxItem.tsx
index c89cff80ef..31c6e760e5 100644
--- 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;
     }
 }
diff --git a/react/features/base/toolbox/components/BaseAudioMuteButton.ts b/react/features/base/toolbox/components/BaseAudioMuteButton.ts
index 66bbba3adc..337e63bf4a 100644
--- 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();
     }
 
diff --git a/react/features/base/toolbox/components/BaseVideoMuteButton.ts b/react/features/base/toolbox/components/BaseVideoMuteButton.ts
index 1bdbfced61..7f31d4d25b 100644
--- 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();
     }
 
diff --git a/react/features/base/toolbox/components/ToolboxItem.web.tsx b/react/features/base/toolbox/components/ToolboxItem.web.tsx
index b198e6a049..8c000ebbbb 100644
--- 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,
diff --git a/react/features/base/ui/components/web/DialogContainer.tsx b/react/features/base/ui/components/web/DialogContainer.tsx
index dd3780ccd9..b65c42961c 100644
--- 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
diff --git a/react/features/breakout-rooms/components/native/BreakoutRoomsButton.tsx b/react/features/breakout-rooms/components/native/BreakoutRoomsButton.tsx
index 54363c56ce..60d09dea3c 100644
--- 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);
     }
 }
diff --git a/react/features/calendar-sync/components/AddMeetingUrlButton.native.ts b/react/features/calendar-sync/components/AddMeetingUrlButton.native.ts
index 0395fceaa0..af6d8d9e31 100644
--- 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;
diff --git a/react/features/calendar-sync/components/AddMeetingUrlButton.web.tsx b/react/features/calendar-sync/components/AddMeetingUrlButton.web.tsx
index a15874ed96..cf260a1b25 100644
--- 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
diff --git a/react/features/calendar-sync/components/CalendarList.native.tsx b/react/features/calendar-sync/components/CalendarList.native.tsx
index 599215f839..34e7edb2e7 100644
--- 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 (
diff --git a/react/features/calendar-sync/components/CalendarList.web.tsx b/react/features/calendar-sync/components/CalendarList.web.tsx
index 84f5af9aa5..5f7dfc264e 100644
--- 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 (
diff --git a/react/features/calendar-sync/components/CalendarListContent.native.tsx b/react/features/calendar-sync/components/CalendarListContent.native.tsx
index 970847048c..1bdbc6546a 100644
--- 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 (
diff --git a/react/features/calendar-sync/components/CalendarListContent.web.tsx b/react/features/calendar-sync/components/CalendarListContent.web.tsx
index 23c9807b21..73382fe407 100644
--- 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);
diff --git a/react/features/calendar-sync/components/JoinButton.native.ts b/react/features/calendar-sync/components/JoinButton.native.ts
index 05c1d58881..b6d57d404a 100644
--- 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;
diff --git a/react/features/calendar-sync/components/JoinButton.web.tsx b/react/features/calendar-sync/components/JoinButton.web.tsx
index f8452dffa2..1bfb504456 100644
--- 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 (
diff --git a/react/features/calendar-sync/components/MicrosoftSignInButton.web.tsx b/react/features/calendar-sync/components/MicrosoftSignInButton.web.tsx
index 7fa0f774ea..911fb56e55 100644
--- 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'
diff --git a/react/features/calendar-sync/components/UpdateCalendarEventDialog.native.tsx b/react/features/calendar-sync/components/UpdateCalendarEventDialog.native.tsx
index af66dc3a1e..d39de3183d 100644
--- 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'
diff --git a/react/features/chat/components/native/Chat.tsx b/react/features/chat/components/native/Chat.tsx
index e2abf5b5b4..94cd4a0267 100644
--- 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;
 
diff --git a/react/features/chat/components/native/ChatButton.ts b/react/features/chat/components/native/ChatButton.ts
index 9fd01bb620..76b70f86cb 100644
--- 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);
     }
 }
diff --git a/react/features/chat/components/native/ChatInputBar.tsx b/react/features/chat/components/native/ChatInputBar.tsx
index df726fcf0a..8ab498c59e 100644
--- 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) {
diff --git a/react/features/chat/components/native/ChatMessage.tsx b/react/features/chat/components/native/ChatMessage.tsx
index f1be1c8a84..de52807d11 100644
--- 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;
diff --git a/react/features/chat/components/native/ChatMessageGroup.tsx b/react/features/chat/components/native/ChatMessageGroup.tsx
index 9b29e76e70..17de692541 100644
--- 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 }
diff --git a/react/features/chat/components/native/ChatPrivacyDialog.tsx b/react/features/chat/components/native/ChatPrivacyDialog.tsx
index 3a1b6c0146..2a7726b106 100644
--- 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'
diff --git a/react/features/chat/components/native/MessageContainer.tsx b/react/features/chat/components/native/MessageContainer.tsx
index cf4abd9d0a..c5a1f29d8d 100644
--- 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 (
diff --git a/react/features/chat/components/native/MessageRecipient.tsx b/react/features/chat/components/native/MessageRecipient.tsx
index fc48025ae2..6319749a5b 100644
--- 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,
diff --git a/react/features/chat/components/native/PrivateMessageButton.tsx b/react/features/chat/components/native/PrivateMessageButton.tsx
index 0e5308546c..2c8d0e3b24 100644
--- 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;
     }
 
diff --git a/react/features/chat/components/web/ChatButton.tsx b/react/features/chat/components/web/ChatButton.tsx
index 62466fe5a4..60b6b13caf 100644
--- 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(
diff --git a/react/features/chat/components/web/ChatCounter.tsx b/react/features/chat/components/web/ChatCounter.tsx
index 491eeaad3c..589d9ea81a 100644
--- 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'>
 
diff --git a/react/features/chat/components/web/ChatInput.tsx b/react/features/chat/components/web/ChatInput.tsx
index 15f4f129a7..84bbb341cc 100644
--- 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' >
diff --git a/react/features/chat/components/web/ChatPrivacyDialog.tsx b/react/features/chat/components/web/ChatPrivacyDialog.tsx
index 805c92d214..8c355c1d50 100644
--- 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' }}
diff --git a/react/features/chat/components/web/DisplayNameForm.tsx b/react/features/chat/components/web/DisplayNameForm.tsx
index 5152bfea4a..1d0a088295 100644
--- 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 (
diff --git a/react/features/chat/components/web/MessageContainer.tsx b/react/features/chat/components/web/MessageContainer.tsx
index b85c92964b..9c42bd201d 100644
--- a/react/features/chat/components/web/MessageContainer.tsx
+++ b/react/features/chat/components/web/MessageContainer.tsx
@@ -36,7 +36,7 @@ export default class MessageContainer extends AbstractMessageContainer<IProps, I
      * Component state used to decide when the hasNewMessages button to appear
      * and where to scroll when click on hasNewMessages button.
      */
-    state: IState = {
+    override state: IState = {
         hasNewMessages: false,
         isScrolledToBottom: true,
         lastReadMessageId: ''
@@ -84,7 +84,7 @@ export default class MessageContainer extends AbstractMessageContainer<IProps, I
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const groupedMessages = this._getMessagesGroupedBySender();
         const messages = groupedMessages.map((group, index) => {
             const messageType = group[0]?.messageType;
@@ -127,7 +127,7 @@ export default class MessageContainer extends AbstractMessageContainer<IProps, I
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         this.scrollToElement(false, null);
         this._createBottomListObserver();
     }
@@ -141,7 +141,7 @@ export default class MessageContainer extends AbstractMessageContainer<IProps, I
      * @inheritdoc
      * @returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         const newMessages = this.props.messages.filter(message => !prevProps.messages.includes(message));
         const hasLocalMessage = newMessages.map(message => message.messageType).includes(MESSAGE_TYPE_LOCAL);
 
@@ -161,7 +161,7 @@ export default class MessageContainer extends AbstractMessageContainer<IProps, I
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         const target = document.querySelector('#messagesListEnd');
 
         this._bottomListObserver.unobserve(target as Element);
diff --git a/react/features/chat/components/web/SmileysPanel.tsx b/react/features/chat/components/web/SmileysPanel.tsx
index 804d9ed542..5abd352da5 100644
--- a/react/features/chat/components/web/SmileysPanel.tsx
+++ b/react/features/chat/components/web/SmileysPanel.tsx
@@ -85,7 +85,7 @@ class SmileysPanel extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const smileyItems = Object.keys(smileys).map(smileyKey => (
             <div
                 className = 'smileyContainer'
diff --git a/react/features/chrome-extension-banner/components/ChromeExtensionBanner.web.tsx b/react/features/chrome-extension-banner/components/ChromeExtensionBanner.web.tsx
index 712a361580..f12f530333 100644
--- a/react/features/chrome-extension-banner/components/ChromeExtensionBanner.web.tsx
+++ b/react/features/chrome-extension-banner/components/ChromeExtensionBanner.web.tsx
@@ -118,7 +118,7 @@ class ChromeExtensionBanner extends PureComponent<IProps, IState> {
      *
      * @inheritdoc
      */
-    async componentDidUpdate(prevProps: IProps) {
+    override async componentDidUpdate(prevProps: IProps) {
         if (!this._isSupportedEnvironment()) {
             return;
         }
@@ -245,7 +245,7 @@ class ChromeExtensionBanner extends PureComponent<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render(): React.ReactNode {
+    override render(): React.ReactNode {
         if (this._shouldNotRender()) {
             if (this.state.dontShowAgainChecked) {
                 jitsiLocalStorage.setItem(DONT_SHOW_AGAIN_CHECKED, 'true');
diff --git a/react/features/conference/components/AbstractInsecureRoomNameLabel.tsx b/react/features/conference/components/AbstractInsecureRoomNameLabel.tsx
index e6a8996baa..b608f97b8e 100644
--- a/react/features/conference/components/AbstractInsecureRoomNameLabel.tsx
+++ b/react/features/conference/components/AbstractInsecureRoomNameLabel.tsx
@@ -22,7 +22,7 @@ export default class AbstractInsecureRoomNameLabel extends PureComponent<IProps>
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         if (!this.props._visible) {
             return null;
         }
diff --git a/react/features/conference/components/native/Conference.tsx b/react/features/conference/components/native/Conference.tsx
index 6c44ad422d..6de79e2a82 100644
--- a/react/features/conference/components/native/Conference.tsx
+++ b/react/features/conference/components/native/Conference.tsx
@@ -209,7 +209,7 @@ class Conference extends AbstractConference<IProps, State> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         const {
             _audioOnlyEnabled,
             _startCarMode,
@@ -228,7 +228,7 @@ class Conference extends AbstractConference<IProps, State> {
      *
      * @inheritdoc
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         const {
             _audioOnlyEnabled,
             _showLobby,
@@ -256,7 +256,7 @@ class Conference extends AbstractConference<IProps, State> {
      * @inheritdoc
      * @returns {void}
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         // Tear handling any hardware button presses for back navigation down.
         BackHandler.removeEventListener('hardwareBackPress', this._onHardwareBackPress);
 
@@ -269,7 +269,7 @@ class Conference extends AbstractConference<IProps, State> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _brandingStyles,
             _fullscreenEnabled
diff --git a/react/features/conference/components/native/Labels.tsx b/react/features/conference/components/native/Labels.tsx
index 25cfdf6451..c3971ae0a3 100644
--- a/react/features/conference/components/native/Labels.tsx
+++ b/react/features/conference/components/native/Labels.tsx
@@ -26,7 +26,7 @@ class Labels extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <View pointerEvents = 'box-none'>
                 <View
diff --git a/react/features/conference/components/native/LonelyMeetingExperience.tsx b/react/features/conference/components/native/LonelyMeetingExperience.tsx
index cb0c65b6f6..1452b063b5 100644
--- a/react/features/conference/components/native/LonelyMeetingExperience.tsx
+++ b/react/features/conference/components/native/LonelyMeetingExperience.tsx
@@ -79,7 +79,7 @@ class LonelyMeetingExperience extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const {
             _inviteOthersControl,
             _isAddPeopleFeatureEnabled,
diff --git a/react/features/conference/components/web/Conference.tsx b/react/features/conference/components/web/Conference.tsx
index 0cf232323d..5d68668b84 100644
--- a/react/features/conference/components/web/Conference.tsx
+++ b/react/features/conference/components/web/Conference.tsx
@@ -172,7 +172,7 @@ class Conference extends AbstractConference<IProps, any> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         document.title = `${this.props._roomName} | ${interfaceConfig.APP_NAME}`;
         this._start();
     }
@@ -183,7 +183,7 @@ class Conference extends AbstractConference<IProps, any> {
      * @inheritdoc
      * returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         if (this.props._shouldDisplayTileView
             === prevProps._shouldDisplayTileView) {
             return;
@@ -202,7 +202,7 @@ class Conference extends AbstractConference<IProps, any> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         APP.UI.unbindEvents();
 
         FULL_SCREEN_EVENTS.forEach(name =>
@@ -217,7 +217,7 @@ class Conference extends AbstractConference<IProps, any> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _isAnyOverlayVisible,
             _layoutClassName,
diff --git a/react/features/conference/components/web/ConferenceInfo.tsx b/react/features/conference/components/web/ConferenceInfo.tsx
index 83f2ab75c2..a6906590c2 100644
--- a/react/features/conference/components/web/ConferenceInfo.tsx
+++ b/react/features/conference/components/web/ConferenceInfo.tsx
@@ -193,7 +193,7 @@ class ConferenceInfo extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <div
                 className = 'details-container'
diff --git a/react/features/conference/components/web/InsecureRoomNameLabel.tsx b/react/features/conference/components/web/InsecureRoomNameLabel.tsx
index 0a4b622a47..ee5644a4ce 100644
--- a/react/features/conference/components/web/InsecureRoomNameLabel.tsx
+++ b/react/features/conference/components/web/InsecureRoomNameLabel.tsx
@@ -18,7 +18,7 @@ class InsecureRoomNameLabel extends AbstractInsecureRoomNameLabel {
      *
      * @inheritdoc
      */
-    _render() {
+    override _render() {
         return (
             <Tooltip
                 content = { getUnsafeRoomText(this.props.t, 'meeting') }
diff --git a/react/features/connection-indicator/components/AbstractConnectionIndicator.ts b/react/features/connection-indicator/components/AbstractConnectionIndicator.ts
index 123e680f7b..ddbc16423a 100644
--- a/react/features/connection-indicator/components/AbstractConnectionIndicator.ts
+++ b/react/features/connection-indicator/components/AbstractConnectionIndicator.ts
@@ -104,7 +104,7 @@ class AbstractConnectionIndicator<P extends IProps, S extends IState> extends Co
      * @inheritdoc
      * returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         statsEmitter.subscribeToClientStats(this._getRealParticipantId(this.props), this._onStatsUpdated);
     }
 
@@ -114,7 +114,7 @@ class AbstractConnectionIndicator<P extends IProps, S extends IState> extends Co
      * @inheritdoc
      * returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         const prevParticipantId = this._getRealParticipantId(prevProps);
         const participantId = this._getRealParticipantId(this.props);
 
@@ -131,7 +131,7 @@ class AbstractConnectionIndicator<P extends IProps, S extends IState> extends Co
      * @private
      * @returns {void}
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         statsEmitter.unsubscribeToClientStats(this._getRealParticipantId(this.props), this._onStatsUpdated);
 
         clearTimeout(this.autoHideTimeout ?? 0);
diff --git a/react/features/connection-indicator/components/native/ConnectionIndicator.tsx b/react/features/connection-indicator/components/native/ConnectionIndicator.tsx
index c4a08acb42..87497af7a6 100644
--- a/react/features/connection-indicator/components/native/ConnectionIndicator.tsx
+++ b/react/features/connection-indicator/components/native/ConnectionIndicator.tsx
@@ -115,7 +115,7 @@ class ConnectionIndicator extends AbstractConnectionIndicator<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _connectionIndicatorInactiveDisabled,
             _connectionIndicatorDisabled,
diff --git a/react/features/connection-indicator/components/web/ConnectionIndicator.tsx b/react/features/connection-indicator/components/web/ConnectionIndicator.tsx
index 4c088ce636..cf99fc2f0b 100644
--- a/react/features/connection-indicator/components/web/ConnectionIndicator.tsx
+++ b/react/features/connection-indicator/components/web/ConnectionIndicator.tsx
@@ -224,7 +224,7 @@ class ConnectionIndicator extends AbstractConnectionIndicator<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { enableStatsDisplay, participantId, statsPopoverPosition, t } = this.props;
         const classes = withStyles.getClasses(this.props);
         const visibilityClass = this._getVisibilityClass();
diff --git a/react/features/connection-indicator/components/web/ConnectionIndicatorContent.tsx b/react/features/connection-indicator/components/web/ConnectionIndicatorContent.tsx
index eddddfccd0..55a74b598c 100644
--- a/react/features/connection-indicator/components/web/ConnectionIndicatorContent.tsx
+++ b/react/features/connection-indicator/components/web/ConnectionIndicatorContent.tsx
@@ -190,7 +190,7 @@ class ConnectionIndicatorContent extends AbstractConnectionIndicator<IProps, ISt
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             bandwidth,
             bitrate,
diff --git a/react/features/deep-linking/components/NoMobileApp.web.tsx b/react/features/deep-linking/components/NoMobileApp.web.tsx
index 24c1282cd7..5069e7dd0f 100644
--- a/react/features/deep-linking/components/NoMobileApp.web.tsx
+++ b/react/features/deep-linking/components/NoMobileApp.web.tsx
@@ -30,7 +30,7 @@ class NoMobileApp extends Component<IProps> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         sendAnalytics(
             createDeepLinkingPageEvent(
                 'displayed', 'noMobileApp', { isMobileBrowser: true }));
@@ -41,7 +41,7 @@ class NoMobileApp extends Component<IProps> {
      *
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const ns = 'no-mobile-app';
         const { desktop } = this.props._deeplinkingCfg;
         const { appName } = desktop ?? {};
diff --git a/react/features/desktop-picker/components/DesktopPicker.tsx b/react/features/desktop-picker/components/DesktopPicker.tsx
index d56126c63f..d61447a16a 100644
--- a/react/features/desktop-picker/components/DesktopPicker.tsx
+++ b/react/features/desktop-picker/components/DesktopPicker.tsx
@@ -120,7 +120,7 @@ class DesktopPicker extends PureComponent<IProps, IState> {
 
     _poller: any = null;
 
-    state: IState = {
+    override state: IState = {
         screenShareAudio: false,
         selectedSource: {},
         selectedTab: DEFAULT_TAB_TYPE,
@@ -155,7 +155,7 @@ class DesktopPicker extends PureComponent<IProps, IState> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         this._startPolling();
     }
 
@@ -164,7 +164,7 @@ class DesktopPicker extends PureComponent<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this._stopPolling();
     }
 
@@ -174,7 +174,7 @@ class DesktopPicker extends PureComponent<IProps, IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { selectedTab, selectedSource, sources, types } = this.state;
 
         return (
diff --git a/react/features/desktop-picker/components/DesktopPickerPane.tsx b/react/features/desktop-picker/components/DesktopPickerPane.tsx
index d6fefd7fcc..7419574a5c 100644
--- a/react/features/desktop-picker/components/DesktopPickerPane.tsx
+++ b/react/features/desktop-picker/components/DesktopPickerPane.tsx
@@ -79,7 +79,7 @@ class DesktopPickerPane extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             onClick,
             onDoubleClick,
diff --git a/react/features/desktop-picker/components/DesktopSourcePreview.tsx b/react/features/desktop-picker/components/DesktopSourcePreview.tsx
index 60c3f66bcd..549bc07e65 100644
--- a/react/features/desktop-picker/components/DesktopSourcePreview.tsx
+++ b/react/features/desktop-picker/components/DesktopSourcePreview.tsx
@@ -65,7 +65,7 @@ class DesktopSourcePreview extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const selectedClass = this.props.selected ? 'is-selected' : '';
         const displayClasses = `desktop-picker-source ${selectedClass}`;
 
diff --git a/react/features/device-selection/components/AudioDevicesSelection.web.tsx b/react/features/device-selection/components/AudioDevicesSelection.web.tsx
index b3ae32fbfb..f1607d7c6a 100644
--- a/react/features/device-selection/components/AudioDevicesSelection.web.tsx
+++ b/react/features/device-selection/components/AudioDevicesSelection.web.tsx
@@ -192,7 +192,7 @@ class AudioDevicesSelection extends AbstractDialogTab<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         this._unMounted = false;
         Promise.all([
             this._createAudioInputTrack(this.props.selectedAudioInputId)
@@ -210,7 +210,7 @@ class AudioDevicesSelection extends AbstractDialogTab<IProps, IState> {
      * @param {Object} prevProps - Previous props this component received.
      * @returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         if (prevProps.selectedAudioInputId
             !== this.props.selectedAudioInputId) {
             this._createAudioInputTrack(this.props.selectedAudioInputId);
@@ -222,7 +222,7 @@ class AudioDevicesSelection extends AbstractDialogTab<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this._unMounted = true;
         this._disposeAudioInputPreview();
     }
@@ -232,7 +232,7 @@ class AudioDevicesSelection extends AbstractDialogTab<IProps, IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const {
             hasAudioPermission,
             hideAudioInputPreview,
diff --git a/react/features/device-selection/components/AudioOutputPreview.web.tsx b/react/features/device-selection/components/AudioOutputPreview.web.tsx
index d72a2fe688..012e6ca243 100644
--- a/react/features/device-selection/components/AudioOutputPreview.web.tsx
+++ b/react/features/device-selection/components/AudioOutputPreview.web.tsx
@@ -55,7 +55,7 @@ class AudioOutputPreview extends Component<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidUpdate() {
+    override componentDidUpdate() {
         this._setAudioSink();
     }
 
@@ -65,7 +65,7 @@ class AudioOutputPreview extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <>
                 <Button
diff --git a/react/features/device-selection/components/VideoDeviceSelection.web.tsx b/react/features/device-selection/components/VideoDeviceSelection.web.tsx
index 3868b04542..8eb9198d64 100644
--- a/react/features/device-selection/components/VideoDeviceSelection.web.tsx
+++ b/react/features/device-selection/components/VideoDeviceSelection.web.tsx
@@ -170,7 +170,7 @@ class VideoDeviceSelection extends AbstractDialogTab<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         this._unMounted = false;
         Promise.all([
             this._createVideoInputTrack(this.props.selectedVideoInputId)
@@ -188,7 +188,7 @@ class VideoDeviceSelection extends AbstractDialogTab<IProps, IState> {
      * @param {Object} prevProps - Previous props this component received.
      * @returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
 
         if (prevProps.selectedVideoInputId
             !== this.props.selectedVideoInputId) {
@@ -201,7 +201,7 @@ class VideoDeviceSelection extends AbstractDialogTab<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this._unMounted = true;
         this._disposeVideoInputPreview();
     }
@@ -211,7 +211,7 @@ class VideoDeviceSelection extends AbstractDialogTab<IProps, IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const {
             disableDesktopShareSettings,
             disableLocalVideoFlip,
diff --git a/react/features/display-name/components/native/DisplayNameLabel.tsx b/react/features/display-name/components/native/DisplayNameLabel.tsx
index 8c89a195fd..82dd1768f9 100644
--- a/react/features/display-name/components/native/DisplayNameLabel.tsx
+++ b/react/features/display-name/components/native/DisplayNameLabel.tsx
@@ -43,7 +43,7 @@ class DisplayNameLabel extends React.Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         if (!this.props._render) {
             return null;
         }
diff --git a/react/features/display-name/components/native/DisplayNamePrompt.tsx b/react/features/display-name/components/native/DisplayNamePrompt.tsx
index 49c1f3ecee..430a32b3ee 100644
--- a/react/features/display-name/components/native/DisplayNamePrompt.tsx
+++ b/react/features/display-name/components/native/DisplayNamePrompt.tsx
@@ -29,7 +29,7 @@ class DisplayNamePrompt extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <InputDialog
                 descriptionKey = 'dialog.enterDisplayName'
diff --git a/react/features/display-name/components/web/DisplayNamePrompt.tsx b/react/features/display-name/components/web/DisplayNamePrompt.tsx
index 11d0d684b1..e9f0c503ee 100644
--- a/react/features/display-name/components/web/DisplayNamePrompt.tsx
+++ b/react/features/display-name/components/web/DisplayNamePrompt.tsx
@@ -60,7 +60,7 @@ class DisplayNamePrompt extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const disableCloseDialog = Boolean(this.props.validateInput);
 
         return (
diff --git a/react/features/embed-meeting/components/EmbedMeetingButton.ts b/react/features/embed-meeting/components/EmbedMeetingButton.ts
index 469d293664..4c76492180 100644
--- a/react/features/embed-meeting/components/EmbedMeetingButton.ts
+++ b/react/features/embed-meeting/components/EmbedMeetingButton.ts
@@ -16,10 +16,10 @@ import EmbedMeetingDialog from './EmbedMeetingDialog';
  * Implementation of a button for opening embed meeting dialog.
  */
 class EmbedMeetingButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.embedMeeting';
-    icon = IconCode;
-    label = 'toolbar.embedMeeting';
-    tooltip = 'toolbar.embedMeeting';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.embedMeeting';
+    override icon = IconCode;
+    override label = 'toolbar.embedMeeting';
+    override tooltip = 'toolbar.embedMeeting';
 
     /**
      * Handles clicking / pressing the button, and opens the appropriate dialog.
@@ -27,7 +27,7 @@ class EmbedMeetingButton extends AbstractButton<AbstractButtonProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         sendAnalytics(createToolbarEvent('embed.meeting'));
diff --git a/react/features/etherpad/components/SharedDocumentButton.native.ts b/react/features/etherpad/components/SharedDocumentButton.native.ts
index 2595c26c92..6fe7ac5bdc 100644
--- a/react/features/etherpad/components/SharedDocumentButton.native.ts
+++ b/react/features/etherpad/components/SharedDocumentButton.native.ts
@@ -13,10 +13,10 @@ import { screen } from '../../mobile/navigation/routes';
  * Implements an {@link AbstractButton} to open the chat screen on mobile.
  */
 class SharedDocumentButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.document';
-    icon = IconShareDoc;
-    label = 'toolbar.documentOpen';
-    tooltip = 'toolbar.documentOpen';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.document';
+    override icon = IconShareDoc;
+    override label = 'toolbar.documentOpen';
+    override tooltip = 'toolbar.documentOpen';
 
     /**
      * Handles clicking / pressing the button, and opens / closes the appropriate dialog.
@@ -24,7 +24,7 @@ class SharedDocumentButton extends AbstractButton<AbstractButtonProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { handleClick } = this.props;
 
         if (handleClick) {
diff --git a/react/features/etherpad/components/SharedDocumentButton.web.ts b/react/features/etherpad/components/SharedDocumentButton.web.ts
index 0419674b16..9c650a6859 100644
--- a/react/features/etherpad/components/SharedDocumentButton.web.ts
+++ b/react/features/etherpad/components/SharedDocumentButton.web.ts
@@ -21,13 +21,13 @@ interface IProps extends AbstractButtonProps {
  * Implements an {@link AbstractButton} to open the chat screen on mobile.
  */
 class SharedDocumentButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.documentOpen';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.documentClose';
-    icon = IconShareDoc;
-    label = 'toolbar.documentOpen';
-    toggledLabel = 'toolbar.documentClose';
-    tooltip = 'toolbar.documentOpen';
-    toggledTooltip = 'toolbar.documentClose';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.documentOpen';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.documentClose';
+    override icon = IconShareDoc;
+    override label = 'toolbar.documentOpen';
+    override toggledLabel = 'toolbar.documentClose';
+    override tooltip = 'toolbar.documentOpen';
+    override toggledTooltip = 'toolbar.documentClose';
 
     /**
      * Handles clicking / pressing the button, and opens / closes the appropriate dialog.
@@ -35,7 +35,7 @@ class SharedDocumentButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { _editing, dispatch } = this.props;
 
         sendAnalytics(createToolbarEvent(
@@ -55,7 +55,7 @@ class SharedDocumentButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._editing;
     }
 }
diff --git a/react/features/etherpad/components/native/SharedDocument.tsx b/react/features/etherpad/components/native/SharedDocument.tsx
index a814f64c81..ed8ce6355a 100644
--- a/react/features/etherpad/components/native/SharedDocument.tsx
+++ b/react/features/etherpad/components/native/SharedDocument.tsx
@@ -48,7 +48,7 @@ class SharedDocument extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _documentUrl } = this.props;
 
         return (
diff --git a/react/features/feedback/components/FeedbackButton.web.ts b/react/features/feedback/components/FeedbackButton.web.ts
index 56d9998cd6..7597c6a63c 100644
--- a/react/features/feedback/components/FeedbackButton.web.ts
+++ b/react/features/feedback/components/FeedbackButton.web.ts
@@ -26,10 +26,10 @@ interface IProps extends AbstractButtonProps {
  * Implementation of a button for opening feedback dialog.
  */
 class FeedbackButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.feedback';
-    icon = IconFeedback;
-    label = 'toolbar.feedback';
-    tooltip = 'toolbar.feedback';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.feedback';
+    override icon = IconFeedback;
+    override label = 'toolbar.feedback';
+    override tooltip = 'toolbar.feedback';
 
     /**
      * Handles clicking / pressing the button, and opens the appropriate dialog.
@@ -37,7 +37,7 @@ class FeedbackButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { _conference, dispatch } = this.props;
 
         sendAnalytics(createToolbarEvent('feedback'));
diff --git a/react/features/filmstrip/components/native/AudioMutedIndicator.tsx b/react/features/filmstrip/components/native/AudioMutedIndicator.tsx
index 668c75332b..9869261636 100644
--- a/react/features/filmstrip/components/native/AudioMutedIndicator.tsx
+++ b/react/features/filmstrip/components/native/AudioMutedIndicator.tsx
@@ -12,7 +12,7 @@ export default class AudioMutedIndicator extends Component<{}> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <BaseIndicator icon = { IconMicSlash } />
         );
diff --git a/react/features/filmstrip/components/native/Filmstrip.tsx b/react/features/filmstrip/components/native/Filmstrip.tsx
index 9f24a8a21a..ad0d927ae0 100644
--- a/react/features/filmstrip/components/native/Filmstrip.tsx
+++ b/react/features/filmstrip/components/native/Filmstrip.tsx
@@ -234,7 +234,7 @@ class Filmstrip extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _aspectRatio,
             _disableSelfView,
diff --git a/react/features/filmstrip/components/native/RaisedHandIndicator.tsx b/react/features/filmstrip/components/native/RaisedHandIndicator.tsx
index b80846ffe1..064b0f6713 100644
--- a/react/features/filmstrip/components/native/RaisedHandIndicator.tsx
+++ b/react/features/filmstrip/components/native/RaisedHandIndicator.tsx
@@ -36,7 +36,7 @@ class RaisedHandIndicator extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         if (!this.props._raisedHand) {
             return null;
         }
diff --git a/react/features/filmstrip/components/native/Thumbnail.tsx b/react/features/filmstrip/components/native/Thumbnail.tsx
index fa0ea37665..c74a9ca36f 100644
--- a/react/features/filmstrip/components/native/Thumbnail.tsx
+++ b/react/features/filmstrip/components/native/Thumbnail.tsx
@@ -268,7 +268,7 @@ class Thumbnail extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         // Listen to track streaming status changed event to keep it updated.
         // TODO: after converting this component to a react function component,
         // use a custom hook to update local track streaming status.
@@ -289,7 +289,7 @@ class Thumbnail extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         // TODO: after converting this component to a react function component,
         // use a custom hook to update local track streaming status.
         const { _videoTrack, dispatch } = this.props;
@@ -316,7 +316,7 @@ class Thumbnail extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         // TODO: after converting this component to a react function component,
         // use a custom hook to update local track streaming status.
         const { _videoTrack, dispatch } = this.props;
@@ -347,7 +347,7 @@ class Thumbnail extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _fakeParticipant,
             _gifSrc,
diff --git a/react/features/filmstrip/components/native/TileView.tsx b/react/features/filmstrip/components/native/TileView.tsx
index 806e53f5ab..e2a788b084 100644
--- a/react/features/filmstrip/components/native/TileView.tsx
+++ b/react/features/filmstrip/components/native/TileView.tsx
@@ -181,7 +181,7 @@ class TileView extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { _columns, _height, _thumbnailHeight, _width, onClick } = this.props;
         const participants = this._getSortedParticipants();
         const initialRowsToRender = Math.ceil(_height / (Number(_thumbnailHeight) + (2 * styles.thumbnail.margin)));
diff --git a/react/features/filmstrip/components/web/Filmstrip.tsx b/react/features/filmstrip/components/web/Filmstrip.tsx
index f5aa1111e1..6ee9724b23 100644
--- a/react/features/filmstrip/components/web/Filmstrip.tsx
+++ b/react/features/filmstrip/components/web/Filmstrip.tsx
@@ -300,7 +300,7 @@ class Filmstrip extends PureComponent <IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         this.props.dispatch(registerShortcut({
             character: 'F',
             helpDescription: 'keyboardShortcuts.toggleFilmstrip',
@@ -318,7 +318,7 @@ class Filmstrip extends PureComponent <IProps, IState> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this.props.dispatch(unregisterShortcut('F'));
 
         document.removeEventListener('mouseup', this._onDragMouseUp);
@@ -333,7 +333,7 @@ class Filmstrip extends PureComponent <IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const filmstripStyle: any = { };
         const {
             _currentLayout,
diff --git a/react/features/filmstrip/components/web/StatusIndicators.tsx b/react/features/filmstrip/components/web/StatusIndicators.tsx
index ce10195419..23196c7c38 100644
--- a/react/features/filmstrip/components/web/StatusIndicators.tsx
+++ b/react/features/filmstrip/components/web/StatusIndicators.tsx
@@ -59,7 +59,7 @@ class StatusIndicators extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _showAudioMutedIndicator,
             _showModeratorIndicator,
diff --git a/react/features/filmstrip/components/web/Thumbnail.tsx b/react/features/filmstrip/components/web/Thumbnail.tsx
index 4de09521fa..277143df6a 100644
--- a/react/features/filmstrip/components/web/Thumbnail.tsx
+++ b/react/features/filmstrip/components/web/Thumbnail.tsx
@@ -450,7 +450,7 @@ class Thumbnail extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         this._onDisplayModeChanged();
 
 
@@ -473,7 +473,7 @@ class Thumbnail extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {void}
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         // TODO: after converting this component to a react function component,
         // use a custom hook to update local track streaming status.
         const { _videoTrack, dispatch } = this.props;
@@ -493,7 +493,7 @@ class Thumbnail extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidUpdate(prevProps: IProps, prevState: IState) {
+    override componentDidUpdate(prevProps: IProps, prevState: IState) {
         if (prevState.displayMode !== this.state.displayMode) {
             this._onDisplayModeChanged();
         }
@@ -1166,7 +1166,7 @@ class Thumbnail extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _isVirtualScreenshareParticipant,
             _participant,
diff --git a/react/features/filmstrip/components/web/ThumbnailWrapper.tsx b/react/features/filmstrip/components/web/ThumbnailWrapper.tsx
index 0fbc2c5316..320198c068 100644
--- a/react/features/filmstrip/components/web/ThumbnailWrapper.tsx
+++ b/react/features/filmstrip/components/web/ThumbnailWrapper.tsx
@@ -93,7 +93,7 @@ class ThumbnailWrapper extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _disableSelfView,
             _filmstripType = FILMSTRIP_TYPE.MAIN,
diff --git a/react/features/google-api/components/GoogleSignInButton.native.tsx b/react/features/google-api/components/GoogleSignInButton.native.tsx
index 8736302113..f7ed48dde8 100644
--- a/react/features/google-api/components/GoogleSignInButton.native.tsx
+++ b/react/features/google-api/components/GoogleSignInButton.native.tsx
@@ -51,7 +51,7 @@ class GoogleSignInButton extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { onClick, signedIn } = this.props;
 
         if (signedIn) {
diff --git a/react/features/google-api/components/GoogleSignInButton.web.tsx b/react/features/google-api/components/GoogleSignInButton.web.tsx
index 8f4bd5dc20..d997d74fa9 100644
--- a/react/features/google-api/components/GoogleSignInButton.web.tsx
+++ b/react/features/google-api/components/GoogleSignInButton.web.tsx
@@ -35,7 +35,7 @@ class GoogleSignInButton extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { t } = this.props;
 
         return (
diff --git a/react/features/invite/components/add-people-dialog/native/AddPeopleDialog.tsx b/react/features/invite/components/add-people-dialog/native/AddPeopleDialog.tsx
index c3b8972fac..4e8e22f8cc 100644
--- a/react/features/invite/components/add-people-dialog/native/AddPeopleDialog.tsx
+++ b/react/features/invite/components/add-people-dialog/native/AddPeopleDialog.tsx
@@ -138,7 +138,7 @@ class AddPeopleDialog extends AbstractAddPeopleDialog<IProps, IState> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         const { navigation, t } = this.props;
 
         navigation.setOptions({
@@ -157,7 +157,7 @@ class AddPeopleDialog extends AbstractAddPeopleDialog<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         const { navigation, t } = this.props;
 
         navigation.setOptions({
@@ -183,7 +183,7 @@ class AddPeopleDialog extends AbstractAddPeopleDialog<IProps, IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const {
             _addPeopleEnabled,
             _dialOutEnabled
diff --git a/react/features/invite/components/add-people-dialog/web/InviteButton.ts b/react/features/invite/components/add-people-dialog/web/InviteButton.ts
index 842b302e2b..83ab218ea4 100644
--- a/react/features/invite/components/add-people-dialog/web/InviteButton.ts
+++ b/react/features/invite/components/add-people-dialog/web/InviteButton.ts
@@ -11,10 +11,10 @@ import { beginAddPeople } from '../../../actions.any';
  * Implementation of a button for opening invite people dialog.
  */
 class InviteButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.invite';
-    icon = IconAddUser;
-    label = 'toolbar.invite';
-    tooltip = 'toolbar.invite';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.invite';
+    override icon = IconAddUser;
+    override label = 'toolbar.invite';
+    override tooltip = 'toolbar.invite';
 
     /**
      * Handles clicking / pressing the button, and opens the appropriate dialog.
@@ -22,7 +22,7 @@ class InviteButton extends AbstractButton<AbstractButtonProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         sendAnalytics(createToolbarEvent('invite'));
diff --git a/react/features/invite/components/add-people-dialog/web/InviteContactsForm.tsx b/react/features/invite/components/add-people-dialog/web/InviteContactsForm.tsx
index 6482eaa3c2..9aa061ac67 100644
--- a/react/features/invite/components/add-people-dialog/web/InviteContactsForm.tsx
+++ b/react/features/invite/components/add-people-dialog/web/InviteContactsForm.tsx
@@ -84,7 +84,7 @@ class InviteContactsForm extends AbstractAddPeopleDialog<IProps, IState> {
         _sipInviteEnabled: string;
     };
 
-    state = {
+    override state = {
         addToCallError: false,
         addToCallInProgress: false,
         inviteItems: [] as IInviteSelectItem[]
@@ -133,7 +133,7 @@ class InviteContactsForm extends AbstractAddPeopleDialog<IProps, IState> {
      * @param {State} prevState - The state object before the update.
      * @returns {void}
      */
-    componentDidUpdate(prevProps: IProps, prevState: IState) {
+    override componentDidUpdate(prevProps: IProps, prevState: IState) {
         /**
          * Clears selected items from the multi select component on successful
          * invite.
@@ -151,7 +151,7 @@ class InviteContactsForm extends AbstractAddPeopleDialog<IProps, IState> {
      *
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _addPeopleEnabled,
             _dialOutEnabled,
diff --git a/react/features/invite/components/callee-info/CalleeInfo.tsx b/react/features/invite/components/callee-info/CalleeInfo.tsx
index c50b023662..b8916d10e7 100644
--- a/react/features/invite/components/callee-info/CalleeInfo.tsx
+++ b/react/features/invite/components/callee-info/CalleeInfo.tsx
@@ -47,7 +47,7 @@ class CalleeInfo extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             id,
             name,
diff --git a/react/features/invite/components/callee-info/CalleeInfoContainer.tsx b/react/features/invite/components/callee-info/CalleeInfoContainer.tsx
index 8d17fffbaa..fd3d85e884 100644
--- a/react/features/invite/components/callee-info/CalleeInfoContainer.tsx
+++ b/react/features/invite/components/callee-info/CalleeInfoContainer.tsx
@@ -32,7 +32,7 @@ class CalleeInfoContainer extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return this.props._calleeInfoVisible ? <CalleeInfo /> : null;
     }
 }
diff --git a/react/features/invite/components/dial-in-summary/native/DialInSummary.tsx b/react/features/invite/components/dial-in-summary/native/DialInSummary.tsx
index f4f316b12a..e912de4f9e 100644
--- a/react/features/invite/components/dial-in-summary/native/DialInSummary.tsx
+++ b/react/features/invite/components/dial-in-summary/native/DialInSummary.tsx
@@ -55,7 +55,7 @@ class DialInSummary extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         const { navigation, t } = this.props;
 
         navigation.setOptions({
@@ -68,7 +68,7 @@ class DialInSummary extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { route } = this.props;
         const summaryUrl = route.params?.summaryUrl;
 
diff --git a/react/features/invite/components/dial-in-summary/native/DialInSummaryErrorDialog.tsx b/react/features/invite/components/dial-in-summary/native/DialInSummaryErrorDialog.tsx
index b000192e61..3febd63a34 100644
--- a/react/features/invite/components/dial-in-summary/native/DialInSummaryErrorDialog.tsx
+++ b/react/features/invite/components/dial-in-summary/native/DialInSummaryErrorDialog.tsx
@@ -15,7 +15,7 @@ class DialInSummaryErrorDialog extends Component<WithTranslation> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <AlertDialog
                 contentKey = 'info.dialInSummaryError' />
diff --git a/react/features/invite/components/dial-in-summary/web/DialInSummary.tsx b/react/features/invite/components/dial-in-summary/web/DialInSummary.tsx
index 20fc7c1a1f..25c37bb4cd 100644
--- a/react/features/invite/components/dial-in-summary/web/DialInSummary.tsx
+++ b/react/features/invite/components/dial-in-summary/web/DialInSummary.tsx
@@ -115,7 +115,7 @@ const styles = (theme: Theme) => {
  * @augments Component
  */
 class DialInSummary extends Component<IProps, State> {
-    state = {
+    override state = {
         conferenceID: null,
         error: '',
         loading: true,
@@ -146,7 +146,7 @@ class DialInSummary extends Component<IProps, State> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         const getNumbers = this._getNumbers()
             .then(this._onGetNumbersSuccess)
             .catch(this._setErrorMessage);
@@ -167,7 +167,7 @@ class DialInSummary extends Component<IProps, State> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         let className = '';
         let contents;
 
diff --git a/react/features/invite/components/dial-in-summary/web/DialInSummaryApp.tsx b/react/features/invite/components/dial-in-summary/web/DialInSummaryApp.tsx
index 590c33f08e..898b752ddf 100644
--- a/react/features/invite/components/dial-in-summary/web/DialInSummaryApp.tsx
+++ b/react/features/invite/components/dial-in-summary/web/DialInSummaryApp.tsx
@@ -21,7 +21,7 @@ export default class DialInSummaryApp extends BaseApp<any> {
      *
      * @returns {void}
      */
-    async componentDidMount() {
+    override async componentDidMount() {
         await super.componentDidMount();
 
         // @ts-ignore
@@ -51,7 +51,7 @@ export default class DialInSummaryApp extends BaseApp<any> {
      *
      * @override
      */
-    _createMainElement(component: ComponentType<any>, props: Object) {
+    override _createMainElement(component: ComponentType<any>, props: Object) {
         return (
             <JitsiThemeProvider>
                 <GlobalStyles />
@@ -65,7 +65,7 @@ export default class DialInSummaryApp extends BaseApp<any> {
      *
      * @returns {React$Element}
      */
-    _renderDialogContainer() {
+    override _renderDialogContainer() {
         return null;
     }
 }
diff --git a/react/features/jaas/components/web/PremiumFeatureDialog.tsx b/react/features/jaas/components/web/PremiumFeatureDialog.tsx
index c2786c91f8..4a6a92a9fd 100644
--- a/react/features/jaas/components/web/PremiumFeatureDialog.tsx
+++ b/react/features/jaas/components/web/PremiumFeatureDialog.tsx
@@ -38,7 +38,7 @@ class PremiumFeatureDialog extends PureComponent<any> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { t } = this.props;
 
         return (
diff --git a/react/features/keyboard-shortcuts/components/KeyboardShortcutsButton.ts b/react/features/keyboard-shortcuts/components/KeyboardShortcutsButton.ts
index 9552cc99a3..03394041bf 100644
--- a/react/features/keyboard-shortcuts/components/KeyboardShortcutsButton.ts
+++ b/react/features/keyboard-shortcuts/components/KeyboardShortcutsButton.ts
@@ -15,10 +15,10 @@ import { areKeyboardShortcutsEnabled } from '../functions';
  * Implementation of a button for opening keyboard shortcuts dialog.
  */
 class KeyboardShortcutsButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.shortcuts';
-    icon = IconShortcuts;
-    label = 'toolbar.shortcuts';
-    tooltip = 'toolbar.shortcuts';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.shortcuts';
+    override icon = IconShortcuts;
+    override label = 'toolbar.shortcuts';
+    override tooltip = 'toolbar.shortcuts';
 
     /**
      * Handles clicking / pressing the button, and opens the appropriate dialog.
@@ -26,7 +26,7 @@ class KeyboardShortcutsButton extends AbstractButton<AbstractButtonProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         sendAnalytics(createToolbarEvent('shortcuts'));
diff --git a/react/features/large-video/components/LargeVideo.native.tsx b/react/features/large-video/components/LargeVideo.native.tsx
index 18589baf34..94ee0c0cdd 100644
--- a/react/features/large-video/components/LargeVideo.native.tsx
+++ b/react/features/large-video/components/LargeVideo.native.tsx
@@ -130,7 +130,7 @@ class LargeVideo extends PureComponent<IProps, IState> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         // Listen to track streaming status changed event to keep it updated.
         // TODO: after converting this component to a react function component,
         // use a custom hook to update local track streaming status.
@@ -151,7 +151,7 @@ class LargeVideo extends PureComponent<IProps, IState> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         // TODO: after converting this component to a react function component,
         // use a custom hook to update local track streaming status.
         const { _videoTrack, dispatch } = this.props;
@@ -178,7 +178,7 @@ class LargeVideo extends PureComponent<IProps, IState> {
      * @inheritdoc
      * @returns {void}
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         // TODO: after converting this component to a react function component,
         // use a custom hook to update local track streaming status.
         const { _videoTrack, dispatch } = this.props;
@@ -209,7 +209,7 @@ class LargeVideo extends PureComponent<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             avatarSize,
             useConnectivityInfoLabel
diff --git a/react/features/large-video/components/LargeVideo.web.tsx b/react/features/large-video/components/LargeVideo.web.tsx
index 83e1bf167c..7d28c3afb6 100644
--- a/react/features/large-video/components/LargeVideo.web.tsx
+++ b/react/features/large-video/components/LargeVideo.web.tsx
@@ -160,7 +160,7 @@ class LargeVideo extends Component<IProps> {
      *
      * @inheritdoc
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         const {
             _visibleFilmstrip,
             _isScreenSharing,
@@ -193,7 +193,7 @@ class LargeVideo extends Component<IProps> {
      * @inheritdoc
      * @returns {React$Element}
      */
-    render() {
+    override render() {
         const {
             _displayScreenSharingPlaceholder,
             _isChatOpen,
diff --git a/react/features/large-video/components/LargeVideoBackground.web.tsx b/react/features/large-video/components/LargeVideoBackground.web.tsx
index 86cca796cc..5a37818602 100644
--- a/react/features/large-video/components/LargeVideoBackground.web.tsx
+++ b/react/features/large-video/components/LargeVideoBackground.web.tsx
@@ -92,7 +92,7 @@ export class LargeVideoBackground extends Component<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         const { _shouldDisplayTileView, hidden, videoElement } = this.props;
 
         if (videoElement && !hidden && !_shouldDisplayTileView) {
@@ -106,7 +106,7 @@ export class LargeVideoBackground extends Component<IProps> {
      *
      * @inheritdoc
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         const wasCanvasUpdating = !prevProps.hidden && !prevProps._shouldDisplayTileView && prevProps.videoElement;
         const shouldCanvasUpdating
             = !this.props.hidden && !this.props._shouldDisplayTileView && this.props.videoElement;
@@ -127,7 +127,7 @@ export class LargeVideoBackground extends Component<IProps> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this._clearUpdateCanvasInterval();
     }
 
@@ -137,7 +137,7 @@ export class LargeVideoBackground extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             hidden,
             mirror
diff --git a/react/features/lobby/components/native/LobbyChatScreen.tsx b/react/features/lobby/components/native/LobbyChatScreen.tsx
index 157ae6c7cb..73f0936ece 100644
--- a/react/features/lobby/components/native/LobbyChatScreen.tsx
+++ b/react/features/lobby/components/native/LobbyChatScreen.tsx
@@ -25,7 +25,7 @@ class LobbyChatScreen extends
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { _lobbyChatMessages } = this.props;
 
         return (
diff --git a/react/features/lobby/components/native/LobbyScreen.tsx b/react/features/lobby/components/native/LobbyScreen.tsx
index b9c2d76efa..8ffbb9da5d 100644
--- a/react/features/lobby/components/native/LobbyScreen.tsx
+++ b/react/features/lobby/components/native/LobbyScreen.tsx
@@ -48,7 +48,7 @@ class LobbyScreen extends AbstractLobbyScreen<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _aspectRatio, _roomName } = this.props;
         let contentWrapperStyles;
         let contentContainerStyles;
diff --git a/react/features/lobby/components/web/LobbyScreen.tsx b/react/features/lobby/components/web/LobbyScreen.tsx
index 507d74d82f..fcbe911d9f 100644
--- a/react/features/lobby/components/web/LobbyScreen.tsx
+++ b/react/features/lobby/components/web/LobbyScreen.tsx
@@ -42,7 +42,7 @@ class LobbyScreen extends AbstractLobbyScreen<IProps> {
        *
        * @inheritdoc
        */
-    componentDidMount() {
+    override componentDidMount() {
         this._scrollMessageContainerToBottom(true);
     }
 
@@ -51,7 +51,7 @@ class LobbyScreen extends AbstractLobbyScreen<IProps> {
        *
        * @inheritdoc
        */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         if (this.props._lobbyChatMessages !== prevProps._lobbyChatMessages) {
             this._scrollMessageContainerToBottom(true);
         } else if (this.props._isLobbyChatActive && !prevProps._isLobbyChatActive) {
@@ -64,7 +64,7 @@ class LobbyScreen extends AbstractLobbyScreen<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _deviceStatusVisible, showCopyUrlButton, t } = this.props;
 
         return (
@@ -83,7 +83,7 @@ class LobbyScreen extends AbstractLobbyScreen<IProps> {
      *
      * @inheritdoc
      */
-    _renderJoining() {
+    override _renderJoining() {
         const { _isLobbyChatActive } = this.props;
 
         return (
@@ -142,7 +142,7 @@ class LobbyScreen extends AbstractLobbyScreen<IProps> {
      *
      * @inheritdoc
      */
-    _renderParticipantForm() {
+    override _renderParticipantForm() {
         return this._renderParticipantInfo();
     }
 
@@ -151,7 +151,7 @@ class LobbyScreen extends AbstractLobbyScreen<IProps> {
      *
      * @inheritdoc
      */
-    _renderParticipantInfo() {
+    override _renderParticipantInfo() {
         const { displayName } = this.state;
         const { _isDisplayNameRequiredActive, t } = this.props;
         const showError = _isDisplayNameRequiredActive && !displayName;
@@ -180,7 +180,7 @@ class LobbyScreen extends AbstractLobbyScreen<IProps> {
      *
      * @inheritdoc
      */
-    _renderPasswordForm() {
+    override _renderPasswordForm() {
         const { _passwordJoinFailed, t } = this.props;
 
         return (
@@ -206,7 +206,7 @@ class LobbyScreen extends AbstractLobbyScreen<IProps> {
      *
      * @inheritdoc
      */
-    _renderPasswordJoinButtons() {
+    override _renderPasswordJoinButtons() {
         return (
             <>
                 <Button
@@ -232,7 +232,7 @@ class LobbyScreen extends AbstractLobbyScreen<IProps> {
      *
      * @inheritdoc
      */
-    _renderStandardButtons() {
+    override _renderStandardButtons() {
         const { _knocking, _isLobbyChatActive, _renderPassword } = this.props;
 
         return (
diff --git a/react/features/lobby/components/web/LobbySection.tsx b/react/features/lobby/components/web/LobbySection.tsx
index 080955f06f..075dca6461 100644
--- a/react/features/lobby/components/web/LobbySection.tsx
+++ b/react/features/lobby/components/web/LobbySection.tsx
@@ -76,7 +76,7 @@ class LobbySection extends PureComponent<IProps, IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _visible, t } = this.props;
 
         if (!_visible) {
diff --git a/react/features/mobile/audio-mode/components/AudioDeviceToggleButton.ts b/react/features/mobile/audio-mode/components/AudioDeviceToggleButton.ts
index 475ec4cafb..1f4a2618d2 100644
--- a/react/features/mobile/audio-mode/components/AudioDeviceToggleButton.ts
+++ b/react/features/mobile/audio-mode/components/AudioDeviceToggleButton.ts
@@ -11,9 +11,9 @@ import AudioRoutePickerDialog from './AudioRoutePickerDialog';
  * Implements an {@link AbstractButton} to open the audio device list.
  */
 class AudioDeviceToggleButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.audioRoute';
-    icon = IconVolumeUp;
-    label = 'toolbar.accessibilityLabel.audioRoute';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.audioRoute';
+    override icon = IconVolumeUp;
+    override label = 'toolbar.accessibilityLabel.audioRoute';
 
     /**
      * Handles clicking / pressing the button, and opens the appropriate dialog.
@@ -21,7 +21,7 @@ class AudioDeviceToggleButton extends AbstractButton<AbstractButtonProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         this.props.dispatch(openSheet(AudioRoutePickerDialog));
     }
 }
diff --git a/react/features/mobile/audio-mode/components/AudioRoutePickerDialog.tsx b/react/features/mobile/audio-mode/components/AudioRoutePickerDialog.tsx
index 0ac2139124..d0d0407c65 100644
--- a/react/features/mobile/audio-mode/components/AudioRoutePickerDialog.tsx
+++ b/react/features/mobile/audio-mode/components/AudioRoutePickerDialog.tsx
@@ -149,7 +149,7 @@ const deviceInfoMap = {
  * is required to join a conference.
  */
 class AudioRoutePickerDialog extends Component<IProps, IState> {
-    state = {
+    override state = {
         /**
          * Available audio devices, it will be set in
          * {@link #getDerivedStateFromProps()}.
@@ -297,7 +297,7 @@ class AudioRoutePickerDialog extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { devices } = this.state;
         let content;
 
diff --git a/react/features/mobile/picture-in-picture/components/PictureInPictureButton.ts b/react/features/mobile/picture-in-picture/components/PictureInPictureButton.ts
index f825adf752..1a0030cb84 100644
--- a/react/features/mobile/picture-in-picture/components/PictureInPictureButton.ts
+++ b/react/features/mobile/picture-in-picture/components/PictureInPictureButton.ts
@@ -19,9 +19,9 @@ interface IProps extends AbstractButtonProps {
  * An implementation of a button for entering Picture-in-Picture mode.
  */
 class PictureInPictureButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.pip';
-    icon = IconArrowDown;
-    label = 'toolbar.pip';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.pip';
+    override icon = IconArrowDown;
+    override label = 'toolbar.pip';
 
     /**
      * Handles clicking / pressing the button.
@@ -29,7 +29,7 @@ class PictureInPictureButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         this.props.dispatch(enterPictureInPicture());
     }
 
@@ -39,7 +39,7 @@ class PictureInPictureButton extends AbstractButton<IProps> {
      * @inheritdoc
      * @returns {React$Node}
      */
-    render() {
+    override render() {
         return this.props._enabled ? super.render() : null;
     }
 }
diff --git a/react/features/no-audio-signal/components/DialInLink.tsx b/react/features/no-audio-signal/components/DialInLink.tsx
index f68160af3f..49ece6280f 100644
--- a/react/features/no-audio-signal/components/DialInLink.tsx
+++ b/react/features/no-audio-signal/components/DialInLink.tsx
@@ -35,7 +35,7 @@ class DialInLink extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { _dialIn, _dialInfoPageUrl, t } = this.props;
 
         if (!shouldDisplayDialIn(_dialIn)) {
diff --git a/react/features/noise-suppression/components/NoiseSuppressionButton.tsx b/react/features/noise-suppression/components/NoiseSuppressionButton.tsx
index 38fbfcafbe..850ee21a49 100644
--- a/react/features/noise-suppression/components/NoiseSuppressionButton.tsx
+++ b/react/features/noise-suppression/components/NoiseSuppressionButton.tsx
@@ -19,12 +19,12 @@ interface IProps extends AbstractButtonProps {
  * Component that renders a toolbar button for toggling noise suppression.
  */
 class NoiseSuppressionButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.noiseSuppression';
-    icon = IconNoiseSuppressionOn;
-    label = 'toolbar.noiseSuppression';
-    tooltip = 'toolbar.noiseSuppression';
-    toggledIcon = IconNoiseSuppressionOff;
-    toggledLabel = 'toolbar.disableNoiseSuppression';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.noiseSuppression';
+    override icon = IconNoiseSuppressionOn;
+    override label = 'toolbar.noiseSuppression';
+    override tooltip = 'toolbar.noiseSuppression';
+    override toggledIcon = IconNoiseSuppressionOff;
+    override toggledLabel = 'toolbar.disableNoiseSuppression';
 
     /**
      * Handles clicking / pressing the button.
@@ -32,7 +32,7 @@ class NoiseSuppressionButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         dispatch(toggleNoiseSuppression());
@@ -46,7 +46,7 @@ class NoiseSuppressionButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._isNoiseSuppressionEnabled;
     }
 }
diff --git a/react/features/notifications/components/native/NotificationsContainer.tsx b/react/features/notifications/components/native/NotificationsContainer.tsx
index 265219c4cc..6b89e92d95 100644
--- a/react/features/notifications/components/native/NotificationsContainer.tsx
+++ b/react/features/notifications/components/native/NotificationsContainer.tsx
@@ -77,7 +77,7 @@ class NotificationsContainer extends Component<IProps> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         // Set the initial dismiss timeout (if any)
         // @ts-ignore
         this._manageDismissTimeout();
@@ -88,7 +88,7 @@ class NotificationsContainer extends Component<IProps> {
      *
      * @inheritdoc
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         this._manageDismissTimeout(prevProps);
     }
 
@@ -136,7 +136,7 @@ class NotificationsContainer extends Component<IProps> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this._clearNotificationDismissTimeout();
     }
 
@@ -177,7 +177,7 @@ class NotificationsContainer extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _notifications, shouldDisplayTileView, toolboxVisible } = this.props;
         let notificationsContainerStyle;
 
diff --git a/react/features/old-client-notification/components/OldElectronAPPNotificationDescription.tsx b/react/features/old-client-notification/components/OldElectronAPPNotificationDescription.tsx
index 9000d69b77..e61cffc935 100644
--- a/react/features/old-client-notification/components/OldElectronAPPNotificationDescription.tsx
+++ b/react/features/old-client-notification/components/OldElectronAPPNotificationDescription.tsx
@@ -15,7 +15,7 @@ export class OldElectronAPPNotificationDescription extends Component<WithTransla
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { t } = this.props;
 
         return (
diff --git a/react/features/overlay/components/web/AbstractPageReloadOverlay.tsx b/react/features/overlay/components/web/AbstractPageReloadOverlay.tsx
index 9386d7b0e4..2a61c7ed20 100644
--- a/react/features/overlay/components/web/AbstractPageReloadOverlay.tsx
+++ b/react/features/overlay/components/web/AbstractPageReloadOverlay.tsx
@@ -151,7 +151,7 @@ export default class AbstractPageReloadOverlay<P extends IProps>
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         // FIXME: We should dispatch action for this.
         if (typeof APP !== 'undefined' && APP.conference?._room) {
             APP.conference._room.sendApplicationLog(JSON.stringify({
@@ -196,7 +196,7 @@ export default class AbstractPageReloadOverlay<P extends IProps>
      * @inheritdoc
      * @returns {void}
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         if (this._interval) {
             clearInterval(this._interval);
             this._interval = undefined;
diff --git a/react/features/overlay/components/web/OverlayContainer.tsx b/react/features/overlay/components/web/OverlayContainer.tsx
index d023f6ca29..72ae926b5c 100644
--- a/react/features/overlay/components/web/OverlayContainer.tsx
+++ b/react/features/overlay/components/web/OverlayContainer.tsx
@@ -29,7 +29,7 @@ class OverlayContainer extends Component<IProps> {
      * @public
      * @returns {ReactElement|null}
      */
-    render() {
+    override render() {
         const { overlay } = this.props;
 
         return overlay ? React.createElement(overlay, {}) : null;
diff --git a/react/features/overlay/components/web/OverlayFrame.tsx b/react/features/overlay/components/web/OverlayFrame.tsx
index f2abb2374f..7b2dab0cea 100644
--- a/react/features/overlay/components/web/OverlayFrame.tsx
+++ b/react/features/overlay/components/web/OverlayFrame.tsx
@@ -32,7 +32,7 @@ export default class OverlayFrame extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement|null}
      */
-    render() {
+    override render() {
         return (
             <div
                 className = { this.props.isLightOverlay ? 'overlay__container-light' : 'overlay__container' }
diff --git a/react/features/overlay/components/web/PageReloadOverlay.tsx b/react/features/overlay/components/web/PageReloadOverlay.tsx
index ffe3ac39e2..1e0e7921dc 100644
--- a/react/features/overlay/components/web/PageReloadOverlay.tsx
+++ b/react/features/overlay/components/web/PageReloadOverlay.tsx
@@ -21,7 +21,7 @@ class PageReloadOverlay extends AbstractPageReloadOverlay<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { isNetworkFailure, t } = this.props;
         const { message, timeLeft, title } = this.state;
 
diff --git a/react/features/overlay/components/web/SuspendedOverlay.tsx b/react/features/overlay/components/web/SuspendedOverlay.tsx
index 33d2d309d1..570b911ea7 100644
--- a/react/features/overlay/components/web/SuspendedOverlay.tsx
+++ b/react/features/overlay/components/web/SuspendedOverlay.tsx
@@ -17,7 +17,7 @@ class SuspendedOverlay extends AbstractSuspendedOverlay {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { t } = this.props;
 
         return (
diff --git a/react/features/participants-pane/components/native/MeetingParticipantItem.tsx b/react/features/participants-pane/components/native/MeetingParticipantItem.tsx
index 8cacf7c269..2b2cf1faed 100644
--- a/react/features/participants-pane/components/native/MeetingParticipantItem.tsx
+++ b/react/features/participants-pane/components/native/MeetingParticipantItem.tsx
@@ -130,7 +130,7 @@ class MeetingParticipantItem extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _audioMediaState,
             _disableModeratorIndicator,
diff --git a/react/features/participants-pane/components/native/ParticipantsPaneButton.tsx b/react/features/participants-pane/components/native/ParticipantsPaneButton.tsx
index d36bba9f9d..e0b60486ff 100644
--- a/react/features/participants-pane/components/native/ParticipantsPaneButton.tsx
+++ b/react/features/participants-pane/components/native/ParticipantsPaneButton.tsx
@@ -30,8 +30,8 @@ interface IProps extends AbstractButtonProps {
  * Implements an {@link AbstractButton} to open the participants panel.
  */
 class ParticipantsPaneButton extends AbstractButton<IProps> {
-    icon = IconUsers;
-    label = 'toolbar.participants';
+    override icon = IconUsers;
+    override label = 'toolbar.participants';
 
     /**
      * Handles clicking / pressing the button, and opens the participants panel.
@@ -39,7 +39,7 @@ class ParticipantsPaneButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         return navigate(screen.conference.participants);
     }
 
@@ -65,7 +65,7 @@ class ParticipantsPaneButton extends AbstractButton<IProps> {
      * @protected
      * @returns {React.ReactElement}
      */
-    render() {
+    override render() {
         return (
             <View style = { styles.participantsButtonBadge as ViewStyle }>
                 { super.render() }
diff --git a/react/features/participants-pane/components/native/RoomParticipantMenu.tsx b/react/features/participants-pane/components/native/RoomParticipantMenu.tsx
index c7eb501fe8..1216526f9a 100644
--- a/react/features/participants-pane/components/native/RoomParticipantMenu.tsx
+++ b/react/features/participants-pane/components/native/RoomParticipantMenu.tsx
@@ -69,7 +69,7 @@ class RoomParticipantMenu extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _rooms, participantJid, room, t } = this.props;
         const buttonProps = {
             afterClick: this._onCancel,
diff --git a/react/features/participants-pane/components/web/MeetingParticipantContextMenu.tsx b/react/features/participants-pane/components/web/MeetingParticipantContextMenu.tsx
index 68b73ecfb1..fc1becd1e7 100644
--- a/react/features/participants-pane/components/web/MeetingParticipantContextMenu.tsx
+++ b/react/features/participants-pane/components/web/MeetingParticipantContextMenu.tsx
@@ -79,7 +79,7 @@ class MeetingParticipantContextMenu extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _localVideoOwner,
             _participant,
diff --git a/react/features/participants-pane/components/web/ParticipantsPaneButton.tsx b/react/features/participants-pane/components/web/ParticipantsPaneButton.tsx
index ff30f35b79..905f0cb40c 100644
--- a/react/features/participants-pane/components/web/ParticipantsPaneButton.tsx
+++ b/react/features/participants-pane/components/web/ParticipantsPaneButton.tsx
@@ -41,11 +41,11 @@ interface IProps extends AbstractButtonProps {
  * Implementation of a button for accessing participants pane.
  */
 class ParticipantsPaneButton extends AbstractButton<IProps> {
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.closeParticipantsPane';
-    icon = IconUsers;
-    label = 'toolbar.participants';
-    tooltip = 'toolbar.participants';
-    toggledTooltip = 'toolbar.closeParticipantsPane';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.closeParticipantsPane';
+    override icon = IconUsers;
+    override label = 'toolbar.participants';
+    override tooltip = 'toolbar.participants';
+    override toggledTooltip = 'toolbar.closeParticipantsPane';
 
     /**
      * Indicates whether this button is in toggled state or not.
@@ -54,7 +54,7 @@ class ParticipantsPaneButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._isOpen;
     }
 
@@ -64,7 +64,7 @@ class ParticipantsPaneButton extends AbstractButton<IProps> {
     * @private
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, _isOpen } = this.props;
 
         dispatch(closeOverflowMenuIfOpen());
@@ -82,7 +82,7 @@ class ParticipantsPaneButton extends AbstractButton<IProps> {
      * @override
      * @returns {string}
      */
-    _getAccessibilityLabel() {
+    override _getAccessibilityLabel() {
         const { t, _participantsCount, _isOpen } = this.props;
 
         if (_isOpen) {
@@ -102,7 +102,7 @@ class ParticipantsPaneButton extends AbstractButton<IProps> {
      * @protected
      * @returns {React$Node}
      */
-    render() {
+    override render() {
         const { _isParticipantsPaneEnabled } = this.props;
 
         if (!_isParticipantsPaneEnabled) {
diff --git a/react/features/prejoin/components/web/PrejoinApp.tsx b/react/features/prejoin/components/web/PrejoinApp.tsx
index 0b1e0dd2a2..a1e4d1498a 100644
--- a/react/features/prejoin/components/web/PrejoinApp.tsx
+++ b/react/features/prejoin/components/web/PrejoinApp.tsx
@@ -31,7 +31,7 @@ export default class PrejoinApp extends BaseApp<Props> {
      *
      * @returns {void}
      */
-    async componentDidMount() {
+    override async componentDidMount() {
         await super.componentDidMount();
 
         const { store } = this.state;
@@ -72,7 +72,7 @@ export default class PrejoinApp extends BaseApp<Props> {
      *
      * @override
      */
-    _createMainElement(component: ComponentType<any>, props: Object) {
+    override _createMainElement(component: ComponentType<any>, props: Object) {
         return (
             <JitsiThemeProvider>
                 <GlobalStyles />
@@ -86,7 +86,7 @@ export default class PrejoinApp extends BaseApp<Props> {
      *
      * @returns {React$Element}
      */
-    _renderDialogContainer() {
+    override _renderDialogContainer() {
         return (
             <JitsiThemeProvider>
                 <DialogContainer />
diff --git a/react/features/prejoin/components/web/PrejoinThirdParty.tsx b/react/features/prejoin/components/web/PrejoinThirdParty.tsx
index f6f5f990b3..7b4c96e8c3 100644
--- a/react/features/prejoin/components/web/PrejoinThirdParty.tsx
+++ b/react/features/prejoin/components/web/PrejoinThirdParty.tsx
@@ -43,7 +43,7 @@ class PrejoinThirdParty extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             className,
             deviceStatusVisible,
diff --git a/react/features/prejoin/components/web/dialogs/JoinByPhoneDialog.tsx b/react/features/prejoin/components/web/dialogs/JoinByPhoneDialog.tsx
index 3ed9dc7bb4..cca4db9e4e 100644
--- a/react/features/prejoin/components/web/dialogs/JoinByPhoneDialog.tsx
+++ b/react/features/prejoin/components/web/dialogs/JoinByPhoneDialog.tsx
@@ -152,7 +152,7 @@ class JoinByPhoneDialog extends PureComponent<IProps, State> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         this.props.fetchConferenceDetails();
     }
 
@@ -162,7 +162,7 @@ class JoinByPhoneDialog extends PureComponent<IProps, State> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             dialOutStatus,
             dialInNumber,
diff --git a/react/features/presence-status/components/PresenceLabel.tsx b/react/features/presence-status/components/PresenceLabel.tsx
index afddd173ac..632d90cbb0 100644
--- a/react/features/presence-status/components/PresenceLabel.tsx
+++ b/react/features/presence-status/components/PresenceLabel.tsx
@@ -64,7 +64,7 @@ class PresenceLabel extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const text = this._getPresenceText();
 
         if (text === null) {
diff --git a/react/features/reactions/components/native/RaiseHandButton.tsx b/react/features/reactions/components/native/RaiseHandButton.tsx
index 6cc94f5c42..cf29a58cd2 100644
--- a/react/features/reactions/components/native/RaiseHandButton.tsx
+++ b/react/features/reactions/components/native/RaiseHandButton.tsx
@@ -133,7 +133,7 @@ class RaiseHandButton extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { _enabled } = this.props;
 
         if (!_enabled) {
diff --git a/react/features/reactions/components/native/ReactionMenuDialog.tsx b/react/features/reactions/components/native/ReactionMenuDialog.tsx
index 6a8dc8f6c1..c6e2ee2de8 100644
--- a/react/features/reactions/components/native/ReactionMenuDialog.tsx
+++ b/react/features/reactions/components/native/ReactionMenuDialog.tsx
@@ -79,7 +79,7 @@ class ReactionMenuDialog extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { _styles, _width, _height, _participantCount } = this.props;
 
         return (
diff --git a/react/features/reactions/components/native/ReactionsMenuButton.ts b/react/features/reactions/components/native/ReactionsMenuButton.ts
index 00ecbd57b8..a9f67a96a2 100644
--- a/react/features/reactions/components/native/ReactionsMenuButton.ts
+++ b/react/features/reactions/components/native/ReactionsMenuButton.ts
@@ -34,10 +34,10 @@ interface IProps extends AbstractButtonProps {
  * An implementation of a button to raise or lower hand.
  */
 class ReactionsMenuButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.reactionsMenu';
-    icon = IconRaiseHand;
-    label = 'toolbar.openReactionsMenu';
-    toggledLabel = 'toolbar.closeReactionsMenu';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.reactionsMenu';
+    override icon = IconRaiseHand;
+    override label = 'toolbar.openReactionsMenu';
+    override toggledLabel = 'toolbar.closeReactionsMenu';
 
     /**
      * Handles clicking / pressing the button.
@@ -46,7 +46,7 @@ class ReactionsMenuButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         this.props.dispatch(openDialog(ReactionMenuDialog));
     }
 
@@ -57,7 +57,7 @@ class ReactionsMenuButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._raisedHand || this.props._reactionsOpen;
     }
 }
diff --git a/react/features/reactions/components/web/RaiseHandButton.ts b/react/features/reactions/components/web/RaiseHandButton.ts
index d71f26b2a0..c858e9f7ec 100644
--- a/react/features/reactions/components/web/RaiseHandButton.ts
+++ b/react/features/reactions/components/web/RaiseHandButton.ts
@@ -35,13 +35,13 @@ interface IProps extends AbstractButtonProps {
  * Implementation of a button for raising hand.
  */
 class RaiseHandButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.raiseHand';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.lowerHand';
-    icon = IconRaiseHand;
-    label = 'toolbar.raiseHand';
-    toggledLabel = 'toolbar.lowerYourHand';
-    tooltip = 'toolbar.raiseHand';
-    toggledTooltip = 'toolbar.lowerYourHand';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.raiseHand';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.lowerHand';
+    override icon = IconRaiseHand;
+    override label = 'toolbar.raiseHand';
+    override toggledLabel = 'toolbar.lowerYourHand';
+    override tooltip = 'toolbar.raiseHand';
+    override toggledTooltip = 'toolbar.lowerYourHand';
 
     /**
      * Indicates whether this button is in toggled state or not.
@@ -50,7 +50,7 @@ class RaiseHandButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props.raisedHand;
     }
 
@@ -60,7 +60,7 @@ class RaiseHandButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { disableClick, dispatch, raisedHand } = this.props;
 
         if (disableClick) {
diff --git a/react/features/reactions/components/web/ReactionButton.tsx b/react/features/reactions/components/web/ReactionButton.tsx
index f458824f87..009168ba89 100644
--- a/react/features/reactions/components/web/ReactionButton.tsx
+++ b/react/features/reactions/components/web/ReactionButton.tsx
@@ -223,7 +223,7 @@ class ReactionButton extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return this._renderButton(this._renderIcon());
     }
 }
diff --git a/react/features/reactions/components/web/ReactionEmoji.tsx b/react/features/reactions/components/web/ReactionEmoji.tsx
index 23ef29ae1e..0a7bbf801c 100644
--- a/react/features/reactions/components/web/ReactionEmoji.tsx
+++ b/react/features/reactions/components/web/ReactionEmoji.tsx
@@ -62,7 +62,7 @@ class ReactionEmoji extends Component<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         setTimeout(() => this.props.reactionRemove(this.props.uid), 5000);
     }
 
@@ -71,7 +71,7 @@ class ReactionEmoji extends Component<IProps, IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { reaction, uid } = this.props;
         const { index } = this.state;
 
diff --git a/react/features/reactions/components/web/ReactionsMenuButton.tsx b/react/features/reactions/components/web/ReactionsMenuButton.tsx
index 4162d24b44..c5d4cce73d 100644
--- a/react/features/reactions/components/web/ReactionsMenuButton.tsx
+++ b/react/features/reactions/components/web/ReactionsMenuButton.tsx
@@ -72,11 +72,11 @@ interface IProps extends WithTranslation {
  * Implementation of a button for reactions.
  */
 class ReactionsButtonImpl extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.reactions';
-    icon = IconFaceSmile;
-    label = 'toolbar.reactions';
-    toggledLabel = 'toolbar.reactions';
-    tooltip = 'toolbar.reactions';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.reactions';
+    override icon = IconFaceSmile;
+    override label = 'toolbar.reactions';
+    override toggledLabel = 'toolbar.reactions';
+    override tooltip = 'toolbar.reactions';
 }
 
 const ReactionsButton = translate(connect()(ReactionsButtonImpl));
diff --git a/react/features/recent-list/components/AbstractRecentList.tsx b/react/features/recent-list/components/AbstractRecentList.tsx
index 09ca172639..15ae02edf0 100644
--- a/react/features/recent-list/components/AbstractRecentList.tsx
+++ b/react/features/recent-list/components/AbstractRecentList.tsx
@@ -48,7 +48,7 @@ export default class AbstractRecentList<P extends IProps> extends AbstractPage<P
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         sendAnalytics(createRecentSelectedEvent());
     }
 
diff --git a/react/features/recent-list/components/DeleteItemButton.native.ts b/react/features/recent-list/components/DeleteItemButton.native.ts
index 665ec3c719..2e001d6644 100644
--- a/react/features/recent-list/components/DeleteItemButton.native.ts
+++ b/react/features/recent-list/components/DeleteItemButton.native.ts
@@ -17,9 +17,9 @@ export interface IProps extends AbstractButtonProps {
  * A recent list menu button which deletes the selected entry.
  */
 class DeleteItemButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'welcomepage.recentListDelete';
-    icon = IconTrash;
-    label = 'welcomepage.recentListDelete';
+    override accessibilityLabel = 'welcomepage.recentListDelete';
+    override icon = IconTrash;
+    override label = 'welcomepage.recentListDelete';
 
     /**
      * Handles clicking / pressing the button.
@@ -27,7 +27,7 @@ class DeleteItemButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, itemId } = this.props;
 
         dispatch(deleteRecentListEntry(itemId));
diff --git a/react/features/recent-list/components/RecentList.native.tsx b/react/features/recent-list/components/RecentList.native.tsx
index 732b5d9eab..fdb26fd240 100644
--- a/react/features/recent-list/components/RecentList.native.tsx
+++ b/react/features/recent-list/components/RecentList.native.tsx
@@ -68,7 +68,7 @@ class RecentList extends AbstractRecentList<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         if (!isRecentListEnabled()) {
             return null;
         }
diff --git a/react/features/recent-list/components/RecentList.web.tsx b/react/features/recent-list/components/RecentList.web.tsx
index 35a6d2d299..4bc36a4f93 100644
--- a/react/features/recent-list/components/RecentList.web.tsx
+++ b/react/features/recent-list/components/RecentList.web.tsx
@@ -65,7 +65,7 @@ class RecentList extends AbstractRecentList<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         if (!isRecentListEnabled()) {
             return null;
         }
diff --git a/react/features/recent-list/components/RecentListItemMenu.native.tsx b/react/features/recent-list/components/RecentListItemMenu.native.tsx
index 916d1d85ee..6a600f9991 100644
--- a/react/features/recent-list/components/RecentListItemMenu.native.tsx
+++ b/react/features/recent-list/components/RecentListItemMenu.native.tsx
@@ -46,7 +46,7 @@ class RecentListItemMenu extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { item } = this.props;
         const buttonProps = {
             afterClick: this._onCancel,
diff --git a/react/features/recent-list/components/ShowDialInInfoButton.native.tsx b/react/features/recent-list/components/ShowDialInInfoButton.native.tsx
index 4349a6e3f8..bfc6ae742d 100644
--- a/react/features/recent-list/components/ShowDialInInfoButton.native.tsx
+++ b/react/features/recent-list/components/ShowDialInInfoButton.native.tsx
@@ -18,9 +18,9 @@ export interface IProps extends AbstractButtonProps {
  * A recent list menu button which opens the dial-in info dialog.
  */
 class ShowDialInInfoButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'welcomepage.info';
-    icon = IconInfoCircle;
-    label = 'welcomepage.info';
+    override accessibilityLabel = 'welcomepage.info';
+    override icon = IconInfoCircle;
+    override label = 'welcomepage.info';
 
     /**
      * Handles clicking / pressing the button.
@@ -28,7 +28,7 @@ class ShowDialInInfoButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { itemId } = this.props;
 
         navigateRoot(screen.dialInSummary, {
diff --git a/react/features/recording/components/AbstractRecordingLabel.ts b/react/features/recording/components/AbstractRecordingLabel.ts
index 8e0b952ea1..f1f4f5fe69 100644
--- a/react/features/recording/components/AbstractRecordingLabel.ts
+++ b/react/features/recording/components/AbstractRecordingLabel.ts
@@ -49,7 +49,7 @@ export default class AbstractRecordingLabel<P extends IProps = IProps> extends C
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _iAmRecorder, _isVisible } = this.props;
 
         return _isVisible && !_iAmRecorder ? this._renderLabel() : null;
diff --git a/react/features/recording/components/LiveStream/AbstractLiveStreamButton.ts b/react/features/recording/components/LiveStream/AbstractLiveStreamButton.ts
index 9219689c03..855be7c599 100644
--- a/react/features/recording/components/LiveStream/AbstractLiveStreamButton.ts
+++ b/react/features/recording/components/LiveStream/AbstractLiveStreamButton.ts
@@ -38,11 +38,11 @@ export interface IProps extends AbstractButtonProps {
  * An abstract class of a button for starting and stopping live streaming.
  */
 export default class AbstractLiveStreamButton<P extends IProps> extends AbstractButton<P> {
-    accessibilityLabel = 'dialog.startLiveStreaming';
-    toggledAccessibilityLabel = 'dialog.stopLiveStreaming';
-    icon = IconSites;
-    label = 'dialog.startLiveStreaming';
-    toggledLabel = 'dialog.stopLiveStreaming';
+    override accessibilityLabel = 'dialog.startLiveStreaming';
+    override toggledAccessibilityLabel = 'dialog.stopLiveStreaming';
+    override icon = IconSites;
+    override label = 'dialog.startLiveStreaming';
+    override toggledLabel = 'dialog.stopLiveStreaming';
 
     /**
      * Returns the tooltip that should be displayed when the button is disabled.
@@ -50,7 +50,7 @@ export default class AbstractLiveStreamButton<P extends IProps> extends Abstract
      * @private
      * @returns {string}
      */
-    _getTooltip() {
+    override _getTooltip() {
         return this.props._tooltip ?? '';
     }
 
@@ -72,7 +72,7 @@ export default class AbstractLiveStreamButton<P extends IProps> extends Abstract
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         const dialogShown = dispatch(maybeShowPremiumFeatureDialog(MEET_FEATURES.RECORDING));
@@ -88,7 +88,7 @@ export default class AbstractLiveStreamButton<P extends IProps> extends Abstract
      * @protected
      * @returns {boolean}
      */
-    _isDisabled() {
+    override _isDisabled() {
         return this.props._disabled;
     }
 
@@ -99,7 +99,7 @@ export default class AbstractLiveStreamButton<P extends IProps> extends Abstract
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._isLiveStreamRunning;
     }
 }
diff --git a/react/features/recording/components/LiveStream/AbstractStartLiveStreamDialog.ts b/react/features/recording/components/LiveStream/AbstractStartLiveStreamDialog.ts
index 8ffc92f787..f4a4e6dcb9 100644
--- a/react/features/recording/components/LiveStream/AbstractStartLiveStreamDialog.ts
+++ b/react/features/recording/components/LiveStream/AbstractStartLiveStreamDialog.ts
@@ -121,7 +121,7 @@ export default class AbstractStartLiveStreamDialog<P extends IProps>
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         this._isMounted = true;
     }
 
@@ -131,7 +131,7 @@ export default class AbstractStartLiveStreamDialog<P extends IProps>
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this._isMounted = false;
     }
 
diff --git a/react/features/recording/components/LiveStream/AbstractStreamKeyForm.ts b/react/features/recording/components/LiveStream/AbstractStreamKeyForm.ts
index 091a005890..81f8c94a21 100644
--- a/react/features/recording/components/LiveStream/AbstractStreamKeyForm.ts
+++ b/react/features/recording/components/LiveStream/AbstractStreamKeyForm.ts
@@ -100,7 +100,7 @@ export default class AbstractStreamKeyForm<P extends IProps>
      *
      * @inheritdoc
      */
-    componentDidUpdate(prevProps: P) {
+    override componentDidUpdate(prevProps: P) {
         if (this.props.value !== prevProps.value) {
             this._debouncedUpdateValidationErrorVisibility();
         }
@@ -111,7 +111,7 @@ export default class AbstractStreamKeyForm<P extends IProps>
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this._debouncedUpdateValidationErrorVisibility.cancel();
     }
 
diff --git a/react/features/recording/components/LiveStream/native/GoogleSigninForm.tsx b/react/features/recording/components/LiveStream/native/GoogleSigninForm.tsx
index e5095767d5..35165ddbe9 100644
--- a/react/features/recording/components/LiveStream/native/GoogleSigninForm.tsx
+++ b/react/features/recording/components/LiveStream/native/GoogleSigninForm.tsx
@@ -74,7 +74,7 @@ class GoogleSigninForm extends Component<IProps> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         googleApi.hasPlayServices()
             .then(() => {
                 googleApi.configure({
@@ -102,7 +102,7 @@ class GoogleSigninForm extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _dialogStyles, t } = this.props;
         const { googleAPIState, googleResponse } = this.props;
         const signedInUser = googleResponse?.user?.email;
diff --git a/react/features/recording/components/LiveStream/native/StartLiveStreamDialog.tsx b/react/features/recording/components/LiveStream/native/StartLiveStreamDialog.tsx
index c25f996073..90f841e58f 100644
--- a/react/features/recording/components/LiveStream/native/StartLiveStreamDialog.tsx
+++ b/react/features/recording/components/LiveStream/native/StartLiveStreamDialog.tsx
@@ -47,7 +47,7 @@ class StartLiveStreamDialog extends AbstractStartLiveStreamDialog<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         const { navigation, t } = this.props;
 
         navigation.setOptions({
@@ -74,7 +74,7 @@ class StartLiveStreamDialog extends AbstractStartLiveStreamDialog<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <JitsiScreen style = { styles.startLiveStreamContainer as StyleType }>
                 <GoogleSigninForm
diff --git a/react/features/recording/components/LiveStream/native/StopLiveStreamDialog.tsx b/react/features/recording/components/LiveStream/native/StopLiveStreamDialog.tsx
index 137eb7d43b..27a5174013 100644
--- a/react/features/recording/components/LiveStream/native/StopLiveStreamDialog.tsx
+++ b/react/features/recording/components/LiveStream/native/StopLiveStreamDialog.tsx
@@ -21,7 +21,7 @@ class StopLiveStreamDialog extends AbstractStopLiveStreamDialog {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <ConfirmDialog
                 descriptionKey = 'dialog.stopStreamingWarning'
diff --git a/react/features/recording/components/LiveStream/native/StreamKeyForm.tsx b/react/features/recording/components/LiveStream/native/StreamKeyForm.tsx
index 4124e09208..83ae9e067b 100644
--- a/react/features/recording/components/LiveStream/native/StreamKeyForm.tsx
+++ b/react/features/recording/components/LiveStream/native/StreamKeyForm.tsx
@@ -51,7 +51,7 @@ class StreamKeyForm extends AbstractStreamKeyForm<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { _dialogStyles, t } = this.props;
 
         return (
diff --git a/react/features/recording/components/LiveStream/native/StreamKeyPicker.tsx b/react/features/recording/components/LiveStream/native/StreamKeyPicker.tsx
index 0677b3f7d8..3022c0096e 100644
--- a/react/features/recording/components/LiveStream/native/StreamKeyPicker.tsx
+++ b/react/features/recording/components/LiveStream/native/StreamKeyPicker.tsx
@@ -74,7 +74,7 @@ class StreamKeyPicker extends Component<IProps, IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _dialogStyles, broadcasts } = this.props;
 
         if (!broadcasts) {
diff --git a/react/features/recording/components/LiveStream/web/LiveStreamButton.ts b/react/features/recording/components/LiveStream/web/LiveStreamButton.ts
index 7822aa4676..d5a32e5a13 100644
--- a/react/features/recording/components/LiveStream/web/LiveStreamButton.ts
+++ b/react/features/recording/components/LiveStream/web/LiveStreamButton.ts
@@ -24,7 +24,7 @@ class LiveStreamButton extends AbstractLiveStreamButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _onHandleClick() {
+    override _onHandleClick() {
         const { _isLiveStreamRunning, dispatch } = this.props;
 
         dispatch(openDialog(
diff --git a/react/features/recording/components/LiveStream/web/StartLiveStreamDialog.tsx b/react/features/recording/components/LiveStream/web/StartLiveStreamDialog.tsx
index c882fcfbd8..f0613c8ae5 100644
--- a/react/features/recording/components/LiveStream/web/StartLiveStreamDialog.tsx
+++ b/react/features/recording/components/LiveStream/web/StartLiveStreamDialog.tsx
@@ -66,7 +66,7 @@ class StartLiveStreamDialog
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         super.componentDidMount();
 
         if (this.props._googleApiApplicationClientID) {
@@ -79,7 +79,7 @@ class StartLiveStreamDialog
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _googleApiApplicationClientID } = this.props;
 
         return (
@@ -121,7 +121,7 @@ class StartLiveStreamDialog
      * @inheritdoc
      * @returns {void}
      */
-    componentDidUpdate(previousProps: IProps) {
+    override componentDidUpdate(previousProps: IProps) {
         if (previousProps._googleAPIState === GOOGLE_API_STATES.LOADED
             && this.props._googleAPIState === GOOGLE_API_STATES.SIGNED_IN) {
             this._onGetYouTubeBroadcasts();
@@ -135,7 +135,7 @@ class StartLiveStreamDialog
      * @private
      * @returns {void}
      */
-    _onGetYouTubeBroadcasts() {
+    override _onGetYouTubeBroadcasts() {
         this.props.dispatch(updateProfile())
             .catch((response: any) => this._parseErrorFromResponse(response));
 
diff --git a/react/features/recording/components/LiveStream/web/StopLiveStreamDialog.tsx b/react/features/recording/components/LiveStream/web/StopLiveStreamDialog.tsx
index a55c153891..b80407a44b 100644
--- a/react/features/recording/components/LiveStream/web/StopLiveStreamDialog.tsx
+++ b/react/features/recording/components/LiveStream/web/StopLiveStreamDialog.tsx
@@ -21,7 +21,7 @@ class StopLiveStreamDialog extends AbstractStopLiveStreamDialog {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <Dialog
                 ok = {{ translationKey: 'dialog.stopLiveStreaming' }}
diff --git a/react/features/recording/components/LiveStream/web/StreamKeyForm.tsx b/react/features/recording/components/LiveStream/web/StreamKeyForm.tsx
index e6db92ebd4..cd24632f46 100644
--- a/react/features/recording/components/LiveStream/web/StreamKeyForm.tsx
+++ b/react/features/recording/components/LiveStream/web/StreamKeyForm.tsx
@@ -55,7 +55,7 @@ class StreamKeyForm extends AbstractStreamKeyForm<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { t, value } = this.props;
         const classes = withStyles.getClasses(this.props);
 
diff --git a/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx b/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx
index 2fb87a02f9..b7ad96d166 100644
--- a/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx
+++ b/react/features/recording/components/LiveStream/web/StreamKeyPicker.tsx
@@ -51,7 +51,7 @@ class StreamKeyPicker extends PureComponent<IProps> {
     /**
      * The initial state of a {@code StreamKeyForm} instance.
      */
-    state = {
+    override state = {
         isDropdownOpen: false
     };
 
@@ -74,7 +74,7 @@ class StreamKeyPicker extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { broadcasts, selectedBoundStreamID, t } = this.props;
 
         if (!broadcasts.length) {
diff --git a/react/features/recording/components/Recording/AbstractRecordButton.ts b/react/features/recording/components/Recording/AbstractRecordButton.ts
index a606e9da76..a71b3fab21 100644
--- a/react/features/recording/components/Recording/AbstractRecordButton.ts
+++ b/react/features/recording/components/Recording/AbstractRecordButton.ts
@@ -34,12 +34,12 @@ export interface IProps extends AbstractButtonProps {
  * An abstract implementation of a button for starting and stopping recording.
  */
 export default class AbstractRecordButton<P extends IProps> extends AbstractButton<P> {
-    accessibilityLabel = 'dialog.startRecording';
-    toggledAccessibilityLabel = 'dialog.stopRecording';
-    icon = IconRecord;
-    label = 'dialog.startRecording';
-    toggledLabel = 'dialog.stopRecording';
-    toggledIcon = IconStop;
+    override accessibilityLabel = 'dialog.startRecording';
+    override toggledAccessibilityLabel = 'dialog.stopRecording';
+    override icon = IconRecord;
+    override label = 'dialog.startRecording';
+    override toggledLabel = 'dialog.stopRecording';
+    override toggledIcon = IconStop;
 
     /**
      * Returns the tooltip that should be displayed when the button is disabled.
@@ -47,7 +47,7 @@ export default class AbstractRecordButton<P extends IProps> extends AbstractButt
      * @private
      * @returns {string}
      */
-    _getTooltip() {
+    override _getTooltip() {
         return this.props._tooltip ?? '';
     }
 
@@ -69,7 +69,7 @@ export default class AbstractRecordButton<P extends IProps> extends AbstractButt
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { _isRecordingRunning, dispatch } = this.props;
 
         sendAnalytics(createToolbarEvent(
@@ -93,7 +93,7 @@ export default class AbstractRecordButton<P extends IProps> extends AbstractButt
      * @protected
      * @returns {boolean}
      */
-    _isDisabled() {
+    override _isDisabled() {
         return this.props._disabled;
     }
 
@@ -104,7 +104,7 @@ export default class AbstractRecordButton<P extends IProps> extends AbstractButt
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._isRecordingRunning;
     }
 }
diff --git a/react/features/recording/components/Recording/AbstractStartRecordingDialog.ts b/react/features/recording/components/Recording/AbstractStartRecordingDialog.ts
index 7b45099d03..a7a93ba97b 100644
--- a/react/features/recording/components/Recording/AbstractStartRecordingDialog.ts
+++ b/react/features/recording/components/Recording/AbstractStartRecordingDialog.ts
@@ -205,7 +205,7 @@ class AbstractStartRecordingDialog extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         if (typeof this.props._token !== 'undefined') {
             this._onTokenUpdated();
         }
@@ -217,7 +217,7 @@ class AbstractStartRecordingDialog extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         if (this.props._token !== prevProps._token) {
             this._onTokenUpdated();
         }
diff --git a/react/features/recording/components/Recording/AbstractStartRecordingDialogContent.tsx b/react/features/recording/components/Recording/AbstractStartRecordingDialogContent.tsx
index 3400002650..be415f06be 100644
--- a/react/features/recording/components/Recording/AbstractStartRecordingDialogContent.tsx
+++ b/react/features/recording/components/Recording/AbstractStartRecordingDialogContent.tsx
@@ -206,7 +206,7 @@ class AbstractStartRecordingDialogContent extends Component<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         if (!this._shouldRenderNoIntegrationsContent()
             && !this._shouldRenderIntegrationsContent()
             && !this._shouldRenderFileSharingContent()) {
@@ -219,7 +219,7 @@ class AbstractStartRecordingDialogContent extends Component<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         // Auto sign-out when the use chooses another recording service.
         if (prevProps.selectedRecordingService === RECORDING_TYPES.DROPBOX
                 && this.props.selectedRecordingService !== RECORDING_TYPES.DROPBOX && this.props.isTokenValid) {
diff --git a/react/features/recording/components/Recording/native/HighlightButton.tsx b/react/features/recording/components/Recording/native/HighlightButton.tsx
index bab1ddeae6..b28dcf21de 100644
--- a/react/features/recording/components/Recording/native/HighlightButton.tsx
+++ b/react/features/recording/components/Recording/native/HighlightButton.tsx
@@ -33,7 +33,7 @@ export class HighlightButton extends AbstractHighlightButton<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _disabled,
             _visible,
diff --git a/react/features/recording/components/Recording/native/StartRecordingDialog.tsx b/react/features/recording/components/Recording/native/StartRecordingDialog.tsx
index ecdeede03d..942cf6cea9 100644
--- a/react/features/recording/components/Recording/native/StartRecordingDialog.tsx
+++ b/react/features/recording/components/Recording/native/StartRecordingDialog.tsx
@@ -43,7 +43,7 @@ class StartRecordingDialog extends AbstractStartRecordingDialog {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         super.componentDidMount();
 
         const { navigation, t } = this.props;
@@ -66,7 +66,7 @@ class StartRecordingDialog extends AbstractStartRecordingDialog {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         super.componentDidUpdate(prevProps);
 
         const { navigation, t } = this.props;
@@ -128,7 +128,7 @@ class StartRecordingDialog extends AbstractStartRecordingDialog {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const {
             isTokenValid,
             isValidating,
diff --git a/react/features/recording/components/Recording/native/StartRecordingDialogContent.tsx b/react/features/recording/components/Recording/native/StartRecordingDialogContent.tsx
index 089afdbe74..0bfdd33f01 100644
--- a/react/features/recording/components/Recording/native/StartRecordingDialogContent.tsx
+++ b/react/features/recording/components/Recording/native/StartRecordingDialogContent.tsx
@@ -31,7 +31,7 @@ class StartRecordingDialogContent extends AbstractStartRecordingDialogContent {
      * @protected
      * @returns {React$Component}
      */
-    render() {
+    override render() {
         const { _styles: styles } = this.props;
 
         return (
diff --git a/react/features/recording/components/Recording/native/StopRecordingDialog.tsx b/react/features/recording/components/Recording/native/StopRecordingDialog.tsx
index 81d9e8dcea..3703c9db52 100644
--- a/react/features/recording/components/Recording/native/StopRecordingDialog.tsx
+++ b/react/features/recording/components/Recording/native/StopRecordingDialog.tsx
@@ -21,7 +21,7 @@ class StopRecordingDialog extends AbstractStopRecordingDialog<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <ConfirmDialog
                 descriptionKey = 'dialog.stopRecordingWarning'
diff --git a/react/features/recording/components/Recording/web/HighlightButton.tsx b/react/features/recording/components/Recording/web/HighlightButton.tsx
index 5284a645d5..d20d027935 100644
--- a/react/features/recording/components/Recording/web/HighlightButton.tsx
+++ b/react/features/recording/components/Recording/web/HighlightButton.tsx
@@ -115,7 +115,7 @@ export class HighlightButton extends AbstractHighlightButton<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         window.addEventListener('click', this._onWindowClickListener);
     }
 
@@ -124,7 +124,7 @@ export class HighlightButton extends AbstractHighlightButton<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         window.removeEventListener('click', this._onWindowClickListener);
     }
 
@@ -149,7 +149,7 @@ export class HighlightButton extends AbstractHighlightButton<IProps, IState> {
     * @param {Event} e - The click event.
     * @returns {void}
     */
-    _onClick(e?: React.MouseEvent) {
+    override _onClick(e?: React.MouseEvent) {
         e?.stopPropagation();
 
         const { _disabled } = this.props;
@@ -180,7 +180,7 @@ export class HighlightButton extends AbstractHighlightButton<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _disabled,
             _visible,
diff --git a/react/features/recording/components/Recording/web/RecordButton.ts b/react/features/recording/components/Recording/web/RecordButton.ts
index 0828640ec4..3e976ce0de 100644
--- a/react/features/recording/components/Recording/web/RecordButton.ts
+++ b/react/features/recording/components/Recording/web/RecordButton.ts
@@ -24,7 +24,7 @@ class RecordingButton extends AbstractRecordButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _onHandleClick() {
+    override _onHandleClick() {
         const { _isRecordingRunning, dispatch } = this.props;
 
         dispatch(openDialog(
diff --git a/react/features/recording/components/Recording/web/StartRecordingDialog.tsx b/react/features/recording/components/Recording/web/StartRecordingDialog.tsx
index b4bb8a81ac..9f9f8244a2 100644
--- a/react/features/recording/components/Recording/web/StartRecordingDialog.tsx
+++ b/react/features/recording/components/Recording/web/StartRecordingDialog.tsx
@@ -59,7 +59,7 @@ class StartRecordingDialog extends AbstractStartRecordingDialog {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const {
             isTokenValid,
             isValidating,
@@ -111,7 +111,7 @@ class StartRecordingDialog extends AbstractStartRecordingDialog {
      *
      * @returns {void}
      */
-    _toggleScreenshotCapture() {
+    override _toggleScreenshotCapture() {
         const { dispatch, _screenshotCaptureEnabled } = this.props;
 
         if (_screenshotCaptureEnabled) {
diff --git a/react/features/recording/components/Recording/web/StartRecordingDialogContent.tsx b/react/features/recording/components/Recording/web/StartRecordingDialogContent.tsx
index f3e2c15953..d3e77cc80c 100644
--- a/react/features/recording/components/Recording/web/StartRecordingDialogContent.tsx
+++ b/react/features/recording/components/Recording/web/StartRecordingDialogContent.tsx
@@ -36,7 +36,7 @@ class StartRecordingDialogContent extends AbstractStartRecordingDialogContent {
      * @protected
      * @returns {React$Component}
      */
-    render() {
+    override render() {
         const _renderRecording = this.props._renderRecording;
 
         return (
diff --git a/react/features/recording/components/Recording/web/StopRecordingDialog.tsx b/react/features/recording/components/Recording/web/StopRecordingDialog.tsx
index 05a7c24120..792c6be037 100644
--- a/react/features/recording/components/Recording/web/StopRecordingDialog.tsx
+++ b/react/features/recording/components/Recording/web/StopRecordingDialog.tsx
@@ -22,7 +22,7 @@ class StopRecordingDialog extends AbstractStopRecordingDialog<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { t, localRecordingVideoStop } = this.props;
 
         return (
@@ -40,7 +40,7 @@ class StopRecordingDialog extends AbstractStopRecordingDialog<IProps> {
      *
      * @returns {void}
      */
-    _toggleScreenshotCapture() {
+    override _toggleScreenshotCapture() {
         this.props.dispatch(toggleScreenshotCaptureSummary(false));
     }
 }
diff --git a/react/features/recording/components/web/RecordingLabel.tsx b/react/features/recording/components/web/RecordingLabel.tsx
index a57f6cc413..d5e55d992b 100644
--- a/react/features/recording/components/web/RecordingLabel.tsx
+++ b/react/features/recording/components/web/RecordingLabel.tsx
@@ -49,7 +49,7 @@ class RecordingLabel extends AbstractRecordingLabel<IProps> {
      *
      * @inheritdoc
      */
-    _renderLabel() {
+    override _renderLabel() {
         const { _isTranscribing, _status, mode, t } = this.props;
         const classes = withStyles.getClasses(this.props);
         const isRecording = mode === JitsiRecordingConstants.mode.FILE;
diff --git a/react/features/remote-control/components/RemoteControlAuthorizationDialog.tsx b/react/features/remote-control/components/RemoteControlAuthorizationDialog.tsx
index debcf54d1f..368782c53c 100644
--- a/react/features/remote-control/components/RemoteControlAuthorizationDialog.tsx
+++ b/react/features/remote-control/components/RemoteControlAuthorizationDialog.tsx
@@ -62,7 +62,7 @@ class RemoteControlAuthorizationDialog extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <Dialog
                 ok = {{ translationKey: 'dialog.allow' }}
diff --git a/react/features/room-lock/components/PasswordRequiredPrompt.native.tsx b/react/features/room-lock/components/PasswordRequiredPrompt.native.tsx
index bedffa3203..b6d51ba261 100644
--- a/react/features/room-lock/components/PasswordRequiredPrompt.native.tsx
+++ b/react/features/room-lock/components/PasswordRequiredPrompt.native.tsx
@@ -71,7 +71,7 @@ class PasswordRequiredPrompt extends Component<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidUpdate() {
+    override componentDidUpdate() {
         const { _password } = this.props;
 
         // The previous password in Redux gets cleared after the dialog appears and it ends up breaking the dialog
@@ -91,7 +91,7 @@ class PasswordRequiredPrompt extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { password } = this.state;
         const { _passwordNumberOfDigits } = this.props;
         const textInputProps: any = {
diff --git a/react/features/room-lock/components/PasswordRequiredPrompt.web.tsx b/react/features/room-lock/components/PasswordRequiredPrompt.web.tsx
index 8d7f66e00b..e3edd7e935 100644
--- a/react/features/room-lock/components/PasswordRequiredPrompt.web.tsx
+++ b/react/features/room-lock/components/PasswordRequiredPrompt.web.tsx
@@ -44,7 +44,7 @@ interface IState {
  * required to join a conference.
  */
 class PasswordRequiredPrompt extends Component<IProps, IState> {
-    state = {
+    override state = {
         password: ''
     };
 
@@ -69,7 +69,7 @@ class PasswordRequiredPrompt extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <Dialog
                 disableBackdropClose = { true }
diff --git a/react/features/screen-share/components/web/ShareAudioButton.ts b/react/features/screen-share/components/web/ShareAudioButton.ts
index 3531f8ebe7..01fed48157 100644
--- a/react/features/screen-share/components/web/ShareAudioButton.ts
+++ b/react/features/screen-share/components/web/ShareAudioButton.ts
@@ -21,12 +21,12 @@ interface IProps extends AbstractButtonProps {
  * Component that renders a toolbar button for toggling audio only screen share.
  */
 class ShareAudioButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.shareaudio';
-    icon = IconVolumeUp;
-    label = 'toolbar.shareaudio';
-    tooltip = 'toolbar.shareaudio';
-    toggledIcon = IconVolumeOff;
-    toggledLabel = 'toolbar.stopAudioSharing';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.shareaudio';
+    override icon = IconVolumeUp;
+    override label = 'toolbar.shareaudio';
+    override tooltip = 'toolbar.shareaudio';
+    override toggledIcon = IconVolumeOff;
+    override toggledLabel = 'toolbar.stopAudioSharing';
 
     /**
      * Handles clicking / pressing the button, and opens a new dialog.
@@ -34,7 +34,7 @@ class ShareAudioButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         dispatch(startAudioScreenShareFlow());
@@ -48,7 +48,7 @@ class ShareAudioButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._isAudioOnlySharing;
     }
 }
diff --git a/react/features/screen-share/components/web/ShareAudioDialog.tsx b/react/features/screen-share/components/web/ShareAudioDialog.tsx
index 81a438814c..e102a2bfa6 100644
--- a/react/features/screen-share/components/web/ShareAudioDialog.tsx
+++ b/react/features/screen-share/components/web/ShareAudioDialog.tsx
@@ -71,7 +71,7 @@ class ShareAudioDialog extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
 
         const { t } = this.props;
 
diff --git a/react/features/screen-share/components/web/ShareScreenWarningDialog.tsx b/react/features/screen-share/components/web/ShareScreenWarningDialog.tsx
index 071072146e..1e81bdb5c2 100644
--- a/react/features/screen-share/components/web/ShareScreenWarningDialog.tsx
+++ b/react/features/screen-share/components/web/ShareScreenWarningDialog.tsx
@@ -56,7 +56,7 @@ class ShareScreenWarningDialog extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { t } = this.props;
 
         let description1, description2, header1, header2, stopSharing, title;
diff --git a/react/features/security/components/security-dialog/AbstractSecurityDialogButton.ts b/react/features/security/components/security-dialog/AbstractSecurityDialogButton.ts
index 1032067c67..dba5c078f0 100644
--- a/react/features/security/components/security-dialog/AbstractSecurityDialogButton.ts
+++ b/react/features/security/components/security-dialog/AbstractSecurityDialogButton.ts
@@ -23,11 +23,11 @@ export interface IProps extends AbstractButtonProps {
  */
 export default class AbstractSecurityDialogButton<P extends IProps, S>
     extends AbstractButton<P, S> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.security';
-    icon = IconSecurityOff;
-    label = 'toolbar.security';
-    toggledIcon = IconSecurityOn;
-    tooltip = 'toolbar.security';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.security';
+    override icon = IconSecurityOff;
+    override label = 'toolbar.security';
+    override toggledIcon = IconSecurityOn;
+    override tooltip = 'toolbar.security';
 
     /**
      * Helper function to be implemented by subclasses, which should be used
@@ -46,7 +46,7 @@ export default class AbstractSecurityDialogButton<P extends IProps, S>
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { _locked } = this.props;
 
         sendAnalytics(createToolbarEvent('toggle.security', { enable: !_locked }));
@@ -59,7 +59,7 @@ export default class AbstractSecurityDialogButton<P extends IProps, S>
      * @override
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._locked;
     }
 }
diff --git a/react/features/security/components/security-dialog/native/SecurityDialog.tsx b/react/features/security/components/security-dialog/native/SecurityDialog.tsx
index 5c81b26ec2..7f565c82bb 100644
--- a/react/features/security/components/security-dialog/native/SecurityDialog.tsx
+++ b/react/features/security/components/security-dialog/native/SecurityDialog.tsx
@@ -163,7 +163,7 @@ class SecurityDialog extends PureComponent<IProps, IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <JitsiScreen style = { styles.securityDialogContainer }>
                 { this._renderLobbyMode() }
diff --git a/react/features/security/components/security-dialog/web/SecurityDialogButton.ts b/react/features/security/components/security-dialog/web/SecurityDialogButton.ts
index fd95b76a30..e08f904382 100644
--- a/react/features/security/components/security-dialog/web/SecurityDialogButton.ts
+++ b/react/features/security/components/security-dialog/web/SecurityDialogButton.ts
@@ -18,7 +18,7 @@ class SecurityDialogButton<P extends AbstractSecurityDialogButtonProps, S> exten
      * @private
      * @returns {void}
      */
-    _handleClickSecurityButton() {
+    override _handleClickSecurityButton() {
         const { dispatch } = this.props;
 
         dispatch(toggleSecurityDialog());
diff --git a/react/features/settings/components/native/FormRow.tsx b/react/features/settings/components/native/FormRow.tsx
index 9d2d0551d6..859ba9be86 100644
--- a/react/features/settings/components/native/FormRow.tsx
+++ b/react/features/settings/components/native/FormRow.tsx
@@ -58,7 +58,7 @@ class FormRow extends Component<IProps> {
      * @override
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { t } = this.props;
 
         // Some field types need additional props to look good and standardized
diff --git a/react/features/settings/components/web/CalendarTab.tsx b/react/features/settings/components/web/CalendarTab.tsx
index afa84668cc..e3da2ac1b0 100644
--- a/react/features/settings/components/web/CalendarTab.tsx
+++ b/react/features/settings/components/web/CalendarTab.tsx
@@ -118,7 +118,7 @@ class CalendarTab extends Component<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         this.props.dispatch(bootstrapCalendarIntegration())
             .catch((err: any) => logger.error('CalendarTab bootstrap failed', err))
             .then(() => this.setState({ loading: false }));
@@ -130,7 +130,7 @@ class CalendarTab extends Component<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const classes = withStyles.getClasses(this.props);
         let view;
 
diff --git a/react/features/settings/components/web/ModeratorTab.tsx b/react/features/settings/components/web/ModeratorTab.tsx
index 60be5b0fa2..372868432c 100644
--- a/react/features/settings/components/web/ModeratorTab.tsx
+++ b/react/features/settings/components/web/ModeratorTab.tsx
@@ -176,7 +176,7 @@ class ModeratorTab extends AbstractDialogTab<IProps, any> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             disableReactionsModeration,
             followMeActive,
diff --git a/react/features/settings/components/web/MoreTab.tsx b/react/features/settings/components/web/MoreTab.tsx
index 6351682d87..81fd5aa50f 100644
--- a/react/features/settings/components/web/MoreTab.tsx
+++ b/react/features/settings/components/web/MoreTab.tsx
@@ -135,7 +135,7 @@ class MoreTab extends AbstractDialogTab<IProps, any> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             showPrejoinSettings,
             disableHideSelfView,
diff --git a/react/features/settings/components/web/NotificationsTab.tsx b/react/features/settings/components/web/NotificationsTab.tsx
index 70021a7092..5397cfb406 100644
--- a/react/features/settings/components/web/NotificationsTab.tsx
+++ b/react/features/settings/components/web/NotificationsTab.tsx
@@ -173,7 +173,7 @@ class NotificationsTab extends AbstractDialogTab<IProps, any> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             disabledSounds,
             enabledNotifications,
diff --git a/react/features/settings/components/web/ProfileTab.tsx b/react/features/settings/components/web/ProfileTab.tsx
index e622bacc4c..836ad05cb2 100644
--- a/react/features/settings/components/web/ProfileTab.tsx
+++ b/react/features/settings/components/web/ProfileTab.tsx
@@ -153,7 +153,7 @@ class ProfileTab extends AbstractDialogTab<IProps, any> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             authEnabled,
             displayName,
diff --git a/react/features/settings/components/web/SettingsButton.ts b/react/features/settings/components/web/SettingsButton.ts
index 93ca90e33c..647df73ce0 100644
--- a/react/features/settings/components/web/SettingsButton.ts
+++ b/react/features/settings/components/web/SettingsButton.ts
@@ -28,10 +28,10 @@ interface IProps extends AbstractButtonProps {
  * An abstract implementation of a button for accessing settings.
  */
 class SettingsButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.Settings';
-    icon = IconGear;
-    label = 'toolbar.Settings';
-    tooltip = 'toolbar.Settings';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.Settings';
+    override icon = IconGear;
+    override label = 'toolbar.Settings';
+    override tooltip = 'toolbar.Settings';
 
     /**
      * Handles clicking / pressing the button, and opens the appropriate dialog.
@@ -39,7 +39,7 @@ class SettingsButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, isDisplayedOnWelcomePage = false } = this.props;
 
         sendAnalytics(createToolbarEvent('settings'));
diff --git a/react/features/settings/components/web/ShortcutsTab.tsx b/react/features/settings/components/web/ShortcutsTab.tsx
index 2f9d937d71..bae5862cd8 100644
--- a/react/features/settings/components/web/ShortcutsTab.tsx
+++ b/react/features/settings/components/web/ShortcutsTab.tsx
@@ -145,7 +145,7 @@ class ShortcutsTab extends AbstractDialogTab<IProps, any> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             displayShortcuts,
             keyboardShortcutsHelpDescriptions,
diff --git a/react/features/settings/components/web/VirtualBackgroundTab.tsx b/react/features/settings/components/web/VirtualBackgroundTab.tsx
index 41a2cfc51d..6de6d81a89 100644
--- a/react/features/settings/components/web/VirtualBackgroundTab.tsx
+++ b/react/features/settings/components/web/VirtualBackgroundTab.tsx
@@ -77,7 +77,7 @@ class VirtualBackgroundTab extends AbstractDialogTab<IProps, any> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             options,
             selectedVideoInputId
diff --git a/react/features/shared-video/components/native/AbstractVideoManager.ts b/react/features/shared-video/components/native/AbstractVideoManager.ts
index d41c60ba82..ad6ebb9091 100644
--- a/react/features/shared-video/components/native/AbstractVideoManager.ts
+++ b/react/features/shared-video/components/native/AbstractVideoManager.ts
@@ -102,7 +102,7 @@ abstract class AbstractVideoManager<S=void> extends PureComponent<IProps, S> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         this.processUpdatedProps();
     }
 
@@ -111,7 +111,7 @@ abstract class AbstractVideoManager<S=void> extends PureComponent<IProps, S> {
      *
      * @inheritdoc
      */
-    componentDidUpdate() {
+    override componentDidUpdate() {
         this.processUpdatedProps();
     }
 
@@ -120,7 +120,7 @@ abstract class AbstractVideoManager<S=void> extends PureComponent<IProps, S> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         if (this.dispose) {
             this.dispose();
         }
diff --git a/react/features/shared-video/components/native/SharedVideo.tsx b/react/features/shared-video/components/native/SharedVideo.tsx
index 6b3191cc2c..d570423a7c 100644
--- a/react/features/shared-video/components/native/SharedVideo.tsx
+++ b/react/features/shared-video/components/native/SharedVideo.tsx
@@ -72,7 +72,7 @@ class SharedVideo extends Component<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         const { isWideScreen } = this.props;
 
         if (isWideScreen !== prevProps.isWideScreen) {
@@ -97,7 +97,7 @@ class SharedVideo extends Component<IProps> {
      * @inheritdoc
      * @returns {React$Element}
      */
-    render() {
+    override render() {
         const {
             isOwner,
             playerHeight,
diff --git a/react/features/shared-video/components/native/SharedVideoButton.ts b/react/features/shared-video/components/native/SharedVideoButton.ts
index ca08c90ad7..faf213fdcb 100644
--- a/react/features/shared-video/components/native/SharedVideoButton.ts
+++ b/react/features/shared-video/components/native/SharedVideoButton.ts
@@ -32,10 +32,10 @@ interface IProps extends AbstractButtonProps {
  * @augments AbstractButton
  */
 class VideoShareButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.sharedvideo';
-    icon = IconPlay;
-    label = 'toolbar.sharedvideo';
-    toggledLabel = 'toolbar.stopSharedVideo';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.sharedvideo';
+    override icon = IconPlay;
+    override label = 'toolbar.sharedvideo';
+    override toggledLabel = 'toolbar.stopSharedVideo';
 
     /**
      * Handles clicking / pressing the button.
@@ -44,7 +44,7 @@ class VideoShareButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         this._doToggleSharedVideo();
     }
 
@@ -55,7 +55,7 @@ class VideoShareButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._sharingVideo;
     }
 
@@ -66,7 +66,7 @@ class VideoShareButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isDisabled() {
+    override _isDisabled() {
         return this.props._isDisabled;
     }
 
diff --git a/react/features/shared-video/components/native/SharedVideoDialog.tsx b/react/features/shared-video/components/native/SharedVideoDialog.tsx
index a6e0de1f7d..dcc6d3be16 100644
--- a/react/features/shared-video/components/native/SharedVideoDialog.tsx
+++ b/react/features/shared-video/components/native/SharedVideoDialog.tsx
@@ -50,7 +50,7 @@ class SharedVideoDialog extends AbstractSharedVideoDialog<IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { t } = this.props;
         const { error } = this.state;
 
diff --git a/react/features/shared-video/components/native/VideoManager.tsx b/react/features/shared-video/components/native/VideoManager.tsx
index 9b85d76a86..8d72e0cd76 100644
--- a/react/features/shared-video/components/native/VideoManager.tsx
+++ b/react/features/shared-video/components/native/VideoManager.tsx
@@ -184,7 +184,7 @@ class VideoManager extends AbstractVideoManager<IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <Video
                 ref = { this.playerRef }
diff --git a/react/features/shared-video/components/native/YoutubeVideoManager.tsx b/react/features/shared-video/components/native/YoutubeVideoManager.tsx
index bdefe3d0a7..97dc931b12 100644
--- a/react/features/shared-video/components/native/YoutubeVideoManager.tsx
+++ b/react/features/shared-video/components/native/YoutubeVideoManager.tsx
@@ -191,7 +191,7 @@ class YoutubeVideoManager extends AbstractVideoManager<IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <Video
                 ref = { this.playerRef }
diff --git a/react/features/shared-video/components/web/AbstractVideoManager.ts b/react/features/shared-video/components/web/AbstractVideoManager.ts
index da157a821e..c2cf290f22 100644
--- a/react/features/shared-video/components/web/AbstractVideoManager.ts
+++ b/react/features/shared-video/components/web/AbstractVideoManager.ts
@@ -137,7 +137,7 @@ class AbstractVideoManager extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         this.props._dockToolbox(true);
         this.processUpdatedProps();
     }
@@ -147,7 +147,7 @@ class AbstractVideoManager extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         const { _videoUrl } = this.props;
 
         if (prevProps._videoUrl !== _videoUrl) {
@@ -162,7 +162,7 @@ class AbstractVideoManager extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         sendAnalytics(createEvent('stopped'));
 
         if (this.dispose) {
diff --git a/react/features/shared-video/components/web/SharedVideo.tsx b/react/features/shared-video/components/web/SharedVideo.tsx
index 5db45ed685..f36bd33be3 100644
--- a/react/features/shared-video/components/web/SharedVideo.tsx
+++ b/react/features/shared-video/components/web/SharedVideo.tsx
@@ -129,7 +129,7 @@ class SharedVideo extends Component<IProps> {
      * @inheritdoc
      * @returns {React$Element}
      */
-    render() {
+    override render() {
         const { isEnabled, isResizing, isVideoShared, onStage } = this.props;
 
         if (!isEnabled || !isVideoShared) {
diff --git a/react/features/shared-video/components/web/SharedVideoButton.ts b/react/features/shared-video/components/web/SharedVideoButton.ts
index 6cfc9175d5..45020650b7 100644
--- a/react/features/shared-video/components/web/SharedVideoButton.ts
+++ b/react/features/shared-video/components/web/SharedVideoButton.ts
@@ -25,13 +25,13 @@ interface IProps extends AbstractButtonProps {
  * Implements an {@link AbstractButton} to open the user documentation in a new window.
  */
 class SharedVideoButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.sharedvideo';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.stopSharedVideo';
-    icon = IconPlay;
-    label = 'toolbar.sharedvideo';
-    toggledLabel = 'toolbar.stopSharedVideo';
-    tooltip = 'toolbar.sharedvideo';
-    toggledTooltip = 'toolbar.stopSharedVideo';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.sharedvideo';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.stopSharedVideo';
+    override icon = IconPlay;
+    override label = 'toolbar.sharedvideo';
+    override toggledLabel = 'toolbar.stopSharedVideo';
+    override tooltip = 'toolbar.sharedvideo';
+    override toggledTooltip = 'toolbar.stopSharedVideo';
 
     /**
      * Handles clicking / pressing the button, and opens a new dialog.
@@ -39,7 +39,7 @@ class SharedVideoButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         this._doToggleSharedVideo();
     }
 
@@ -50,7 +50,7 @@ class SharedVideoButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._sharingVideo;
     }
 
@@ -61,7 +61,7 @@ class SharedVideoButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isDisabled() {
+    override _isDisabled() {
         return this.props._isDisabled;
     }
 
diff --git a/react/features/shared-video/components/web/SharedVideoDialog.tsx b/react/features/shared-video/components/web/SharedVideoDialog.tsx
index 4beb408053..e35fbe102b 100644
--- a/react/features/shared-video/components/web/SharedVideoDialog.tsx
+++ b/react/features/shared-video/components/web/SharedVideoDialog.tsx
@@ -70,7 +70,7 @@ class SharedVideoDialog extends AbstractSharedVideoDialog<any> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { t } = this.props;
         const { error } = this.state;
 
diff --git a/react/features/shared-video/components/web/VideoManager.tsx b/react/features/shared-video/components/web/VideoManager.tsx
index a5bad7bed1..45b4196c6f 100644
--- a/react/features/shared-video/components/web/VideoManager.tsx
+++ b/react/features/shared-video/components/web/VideoManager.tsx
@@ -41,7 +41,7 @@ class VideoManager extends AbstractVideoManager {
      *
      * @returns {string}
      */
-    getPlaybackStatus() {
+    override getPlaybackStatus() {
         let status;
 
         if (!this.player) {
@@ -62,7 +62,7 @@ class VideoManager extends AbstractVideoManager {
      *
      * @returns {boolean}
      */
-    isMuted() {
+    override isMuted() {
         return this.player?.muted;
     }
 
@@ -71,7 +71,7 @@ class VideoManager extends AbstractVideoManager {
      *
      * @returns {number}
      */
-    getVolume() {
+    override getVolume() {
         return Number(this.player?.volume);
     }
 
@@ -80,7 +80,7 @@ class VideoManager extends AbstractVideoManager {
      *
      * @returns {number}
      */
-    getTime() {
+    override getTime() {
         return Number(this.player?.currentTime);
     }
 
@@ -91,7 +91,7 @@ class VideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    seek(time: number) {
+    override seek(time: number) {
         if (this.player) {
             this.player.currentTime = time;
         }
@@ -102,7 +102,7 @@ class VideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    play() {
+    override play() {
         return this.player?.play();
     }
 
@@ -111,7 +111,7 @@ class VideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    pause() {
+    override pause() {
         return this.player?.pause();
     }
 
@@ -120,7 +120,7 @@ class VideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    mute() {
+    override mute() {
         if (this.player) {
             this.player.muted = true;
         }
@@ -131,7 +131,7 @@ class VideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    unMute() {
+    override unMute() {
         if (this.player) {
             this.player.muted = false;
         }
@@ -171,7 +171,7 @@ class VideoManager extends AbstractVideoManager {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <video
                 id = 'sharedVideoPlayer'
diff --git a/react/features/shared-video/components/web/YoutubeVideoManager.tsx b/react/features/shared-video/components/web/YoutubeVideoManager.tsx
index 5dc7deaa3b..8eecf90db2 100644
--- a/react/features/shared-video/components/web/YoutubeVideoManager.tsx
+++ b/react/features/shared-video/components/web/YoutubeVideoManager.tsx
@@ -38,7 +38,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @returns {string}
      */
-    getPlaybackStatus() {
+    override getPlaybackStatus() {
         let status;
 
         if (!this.player) {
@@ -63,7 +63,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @returns {boolean}
      */
-    isMuted() {
+    override isMuted() {
         return this.player?.isMuted();
     }
 
@@ -72,7 +72,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @returns {number}
      */
-    getVolume() {
+    override getVolume() {
         return this.player?.getVolume();
     }
 
@@ -81,7 +81,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @returns {number}
      */
-    getTime() {
+    override getTime() {
         return this.player?.getCurrentTime();
     }
 
@@ -92,7 +92,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    seek(time: number) {
+    override seek(time: number) {
         return this.player?.seekTo(time);
     }
 
@@ -101,7 +101,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    play() {
+    override play() {
         return this.player?.playVideo();
     }
 
@@ -110,7 +110,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    pause() {
+    override pause() {
         return this.player?.pauseVideo();
     }
 
@@ -119,7 +119,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    mute() {
+    override mute() {
         return this.player?.mute();
     }
 
@@ -128,7 +128,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    unMute() {
+    override unMute() {
         return this.player?.unMute();
     }
 
@@ -137,7 +137,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @returns {void}
      */
-    dispose() {
+    override dispose() {
         if (this.player) {
             this.player.destroy();
             this.player = null;
@@ -219,7 +219,7 @@ class YoutubeVideoManager extends AbstractVideoManager {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <YouTube
                 { ...this.getPlayerOptions() } />
diff --git a/react/features/speaker-stats/components/AbstractSpeakerStatsButton.tsx b/react/features/speaker-stats/components/AbstractSpeakerStatsButton.tsx
index f20ea1ae73..40d00862c1 100644
--- a/react/features/speaker-stats/components/AbstractSpeakerStatsButton.tsx
+++ b/react/features/speaker-stats/components/AbstractSpeakerStatsButton.tsx
@@ -5,10 +5,10 @@ import AbstractButton, { IProps as AbstractButtonProps } from '../../base/toolbo
  * Implementation of a button for opening speaker stats dialog.
  */
 class AbstractSpeakerStatsButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.speakerStats';
-    icon = IconConnection;
-    label = 'toolbar.speakerStats';
-    tooltip = 'toolbar.speakerStats';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.speakerStats';
+    override icon = IconConnection;
+    override label = 'toolbar.speakerStats';
+    override tooltip = 'toolbar.speakerStats';
 }
 
 export default AbstractSpeakerStatsButton;
diff --git a/react/features/speaker-stats/components/native/SpeakerStatsButton.ts b/react/features/speaker-stats/components/native/SpeakerStatsButton.ts
index da3124f400..101f1f6b1b 100644
--- a/react/features/speaker-stats/components/native/SpeakerStatsButton.ts
+++ b/react/features/speaker-stats/components/native/SpeakerStatsButton.ts
@@ -21,7 +21,7 @@ class SpeakerStatsButton extends AbstractSpeakerStatsButton {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         sendAnalytics(createToolbarEvent('speaker.stats'));
 
         return navigate(screen.conference.speakerStats);
diff --git a/react/features/speaker-stats/components/native/TimeElapsed.tsx b/react/features/speaker-stats/components/native/TimeElapsed.tsx
index 4114c4f55e..87b4e48a74 100644
--- a/react/features/speaker-stats/components/native/TimeElapsed.tsx
+++ b/react/features/speaker-stats/components/native/TimeElapsed.tsx
@@ -35,7 +35,7 @@ class TimeElapsed extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { style, time, t } = this.props;
         const timeElapsed = createLocalizedTime(time, t);
 
diff --git a/react/features/speaker-stats/components/web/SpeakerStatsButton.tsx b/react/features/speaker-stats/components/web/SpeakerStatsButton.tsx
index 2e36065d16..a1876f3d7c 100644
--- a/react/features/speaker-stats/components/web/SpeakerStatsButton.tsx
+++ b/react/features/speaker-stats/components/web/SpeakerStatsButton.tsx
@@ -22,7 +22,7 @@ class SpeakerStatsButton extends AbstractSpeakerStatsButton {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         sendAnalytics(createToolbarEvent('speaker.stats'));
diff --git a/react/features/subtitles/components/AbstractCaptions.tsx b/react/features/subtitles/components/AbstractCaptions.tsx
index 9987fc6a38..7fa9d2121e 100644
--- a/react/features/subtitles/components/AbstractCaptions.tsx
+++ b/react/features/subtitles/components/AbstractCaptions.tsx
@@ -38,7 +38,7 @@ export class AbstractCaptions<P extends IAbstractCaptionsProps> extends Componen
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render(): any {
+    override render(): any {
         const { _displaySubtitles, _requestingSubtitles, _transcripts } = this.props;
 
         if (!_requestingSubtitles || !_displaySubtitles || !_transcripts || !_transcripts.size) {
diff --git a/react/features/subtitles/components/AbstractClosedCaptionButton.tsx b/react/features/subtitles/components/AbstractClosedCaptionButton.tsx
index bfda49a800..d74bf3f773 100644
--- a/react/features/subtitles/components/AbstractClosedCaptionButton.tsx
+++ b/react/features/subtitles/components/AbstractClosedCaptionButton.tsx
@@ -49,7 +49,7 @@ export class AbstractClosedCaptionButton
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { _requestingSubtitles, dispatch } = this.props;
 
         sendAnalytics(createToolbarEvent('transcribing.ccButton',
@@ -71,7 +71,7 @@ export class AbstractClosedCaptionButton
      * @protected
      * @returns {boolean}
      */
-    _isDisabled() {
+    override _isDisabled() {
         return false;
     }
 
@@ -82,7 +82,7 @@ export class AbstractClosedCaptionButton
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._requestingSubtitles;
     }
 }
diff --git a/react/features/subtitles/components/native/ClosedCaptionButton.tsx b/react/features/subtitles/components/native/ClosedCaptionButton.tsx
index a7757733eb..4032534c84 100644
--- a/react/features/subtitles/components/native/ClosedCaptionButton.tsx
+++ b/react/features/subtitles/components/native/ClosedCaptionButton.tsx
@@ -18,9 +18,9 @@ import {
  */
 class ClosedCaptionButton
     extends AbstractClosedCaptionButton {
-    accessibilityLabel = 'toolbar.accessibilityLabel.cc';
-    icon = IconSubtitles;
-    label = 'toolbar.startSubtitles';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.cc';
+    override icon = IconSubtitles;
+    override label = 'toolbar.startSubtitles';
     labelProps = {
         language: this.props.t(this.props._language ?? 'transcribing.subtitlesOff'),
         languages: this.props.t(this.props.languages ?? ''),
diff --git a/react/features/subtitles/components/web/Captions.tsx b/react/features/subtitles/components/web/Captions.tsx
index 51af9262e9..b91e8e7674 100644
--- a/react/features/subtitles/components/web/Captions.tsx
+++ b/react/features/subtitles/components/web/Captions.tsx
@@ -119,7 +119,7 @@ class Captions extends AbstractCaptions<IProps> {
      * @protected
      * @returns {ReactElement} - The React element which displays the text.
      */
-    _renderParagraph(id: string, text: string): ReactElement {
+    override _renderParagraph(id: string, text: string): ReactElement {
         return (
             <p key = { id }>
                 <span>{ text }</span>
@@ -135,7 +135,7 @@ class Captions extends AbstractCaptions<IProps> {
      * @protected
      * @returns {ReactElement} - The subtitles container.
      */
-    _renderSubtitlesContainer(paragraphs: Array<ReactElement>): ReactElement {
+    override _renderSubtitlesContainer(paragraphs: Array<ReactElement>): ReactElement {
         const classes = withStyles.getClasses(this.props);
 
         return (
diff --git a/react/features/subtitles/components/web/ClosedCaptionButton.tsx b/react/features/subtitles/components/web/ClosedCaptionButton.tsx
index e59e5417ab..6bb36722ec 100644
--- a/react/features/subtitles/components/web/ClosedCaptionButton.tsx
+++ b/react/features/subtitles/components/web/ClosedCaptionButton.tsx
@@ -13,11 +13,11 @@ import {
  */
 class ClosedCaptionButton
     extends AbstractClosedCaptionButton {
-    accessibilityLabel = 'toolbar.accessibilityLabel.cc';
-    icon = IconSubtitles;
-    tooltip = 'transcribing.ccButtonTooltip';
-    label = 'toolbar.startSubtitles';
-    labelProps = {
+    override accessibilityLabel = 'toolbar.accessibilityLabel.cc';
+    override icon = IconSubtitles;
+    override tooltip = 'transcribing.ccButtonTooltip';
+    override label = 'toolbar.startSubtitles';
+    override labelProps = {
         language: this.props.t(this.props._language ?? 'transcribing.subtitlesOff'),
         languages: this.props.t(this.props.languages ?? ''),
         languagesHead: this.props.t(this.props.languagesHead ?? '')
@@ -28,7 +28,7 @@ class ClosedCaptionButton
      *
      * @returns {void}
      */
-    _handleClickOpenLanguageSelector() {
+    override _handleClickOpenLanguageSelector() {
         const { dispatch } = this.props;
 
         dispatch(toggleLanguageSelectorDialog());
diff --git a/react/features/toolbox/components/AbstractAudioMuteButton.tsx b/react/features/toolbox/components/AbstractAudioMuteButton.tsx
index b66eabf38d..f3393b183c 100644
--- a/react/features/toolbox/components/AbstractAudioMuteButton.tsx
+++ b/react/features/toolbox/components/AbstractAudioMuteButton.tsx
@@ -32,12 +32,12 @@ export interface IProps extends AbstractButtonProps {
  * @augments BaseAudioMuteButton
  */
 export default class AbstractAudioMuteButton<P extends IProps> extends BaseAudioMuteButton<P> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.mute';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.unmute';
-    label = 'toolbar.mute';
-    toggledLabel = 'toolbar.unmute';
-    tooltip = 'toolbar.mute';
-    toggledTooltip = 'toolbar.unmute';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.mute';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.unmute';
+    override label = 'toolbar.mute';
+    override toggledLabel = 'toolbar.unmute';
+    override tooltip = 'toolbar.mute';
+    override toggledTooltip = 'toolbar.unmute';
 
     /**
      * Indicates if audio is currently muted or not.
@@ -46,7 +46,7 @@ export default class AbstractAudioMuteButton<P extends IProps> extends BaseAudio
      * @protected
      * @returns {boolean}
      */
-    _isAudioMuted() {
+    override _isAudioMuted() {
         return this.props._audioMuted;
     }
 
@@ -57,7 +57,7 @@ export default class AbstractAudioMuteButton<P extends IProps> extends BaseAudio
      * @protected
      * @returns {void}
      */
-    _setAudioMuted(audioMuted: boolean) {
+    override _setAudioMuted(audioMuted: boolean) {
         this.props.dispatch(muteLocal(audioMuted, MEDIA_TYPE.AUDIO));
     }
 
@@ -66,7 +66,7 @@ export default class AbstractAudioMuteButton<P extends IProps> extends BaseAudio
      *
      * @returns {boolean}
      */
-    _isDisabled() {
+    override _isDisabled() {
         return this.props._disabled;
     }
 }
diff --git a/react/features/toolbox/components/AbstractVideoMuteButton.tsx b/react/features/toolbox/components/AbstractVideoMuteButton.tsx
index e4c54a84bc..05a73156d7 100644
--- a/react/features/toolbox/components/AbstractVideoMuteButton.tsx
+++ b/react/features/toolbox/components/AbstractVideoMuteButton.tsx
@@ -30,12 +30,12 @@ export interface IProps extends AbstractButtonProps {
  * @augments BaseVideoMuteButton
  */
 export default class AbstractVideoMuteButton<P extends IProps> extends BaseVideoMuteButton<P> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.videomute';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.videounmute';
-    label = 'toolbar.videomute';
-    toggledLabel = 'toolbar.videounmute';
-    tooltip = 'toolbar.videomute';
-    toggledTooltip = 'toolbar.videounmute';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.videomute';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.videounmute';
+    override label = 'toolbar.videomute';
+    override toggledLabel = 'toolbar.videounmute';
+    override tooltip = 'toolbar.videomute';
+    override toggledTooltip = 'toolbar.videounmute';
 
     /**
      * Indicates if video is currently disabled or not.
@@ -44,7 +44,7 @@ export default class AbstractVideoMuteButton<P extends IProps> extends BaseVideo
      * @protected
      * @returns {boolean}
      */
-    _isDisabled() {
+    override _isDisabled() {
         return this.props._videoDisabled;
     }
 
@@ -55,7 +55,7 @@ export default class AbstractVideoMuteButton<P extends IProps> extends BaseVideo
      * @protected
      * @returns {boolean}
      */
-    _isVideoMuted() {
+    override _isVideoMuted() {
         return this.props._videoMuted;
     }
 
@@ -67,7 +67,7 @@ export default class AbstractVideoMuteButton<P extends IProps> extends BaseVideo
      * @protected
      * @returns {void}
      */
-    _setVideoMuted(videoMuted: boolean) {
+    override _setVideoMuted(videoMuted: boolean) {
         this.props.dispatch(handleToggleVideoMuted(videoMuted, true, true));
     }
 }
diff --git a/react/features/toolbox/components/DownloadButton.ts b/react/features/toolbox/components/DownloadButton.ts
index 67eec70976..1e2cc3a1aa 100644
--- a/react/features/toolbox/components/DownloadButton.ts
+++ b/react/features/toolbox/components/DownloadButton.ts
@@ -20,10 +20,10 @@ interface IProps extends AbstractButtonProps {
  * Implements an {@link AbstractButton} to open the applications page in a new window.
  */
 class DownloadButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.download';
-    icon = IconDownload;
-    label = 'toolbar.download';
-    tooltip = 'toolbar.download';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.download';
+    override icon = IconDownload;
+    override label = 'toolbar.download';
+    override tooltip = 'toolbar.download';
 
     /**
      * Handles clicking / pressing the button, and opens a new window with the user documentation.
@@ -31,7 +31,7 @@ class DownloadButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { _downloadAppsUrl } = this.props;
 
         sendAnalytics(createToolbarEvent('download.pressed'));
diff --git a/react/features/toolbox/components/HangupButton.ts b/react/features/toolbox/components/HangupButton.ts
index ebe17c3f85..5919b4f8a8 100644
--- a/react/features/toolbox/components/HangupButton.ts
+++ b/react/features/toolbox/components/HangupButton.ts
@@ -16,9 +16,9 @@ import AbstractHangupButton from '../../base/toolbox/components/AbstractHangupBu
 class HangupButton extends AbstractHangupButton<AbstractButtonProps> {
     _hangup: Function;
 
-    accessibilityLabel = 'toolbar.accessibilityLabel.hangup';
-    label = 'toolbar.hangup';
-    tooltip = 'toolbar.hangup';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.hangup';
+    override label = 'toolbar.hangup';
+    override tooltip = 'toolbar.hangup';
 
     /**
      * Initializes a new HangupButton instance.
@@ -42,7 +42,7 @@ class HangupButton extends AbstractHangupButton<AbstractButtonProps> {
      * @protected
      * @returns {void}
      */
-    _doHangup() {
+    override _doHangup() {
         this._hangup();
     }
 }
diff --git a/react/features/toolbox/components/HelpButton.ts b/react/features/toolbox/components/HelpButton.ts
index 0a60901df4..70f4da0da3 100644
--- a/react/features/toolbox/components/HelpButton.ts
+++ b/react/features/toolbox/components/HelpButton.ts
@@ -22,10 +22,10 @@ interface IProps extends AbstractButtonProps {
  * Implements an {@link AbstractButton} to open the user documentation in a new window.
  */
 class HelpButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.help';
-    icon = IconHelp;
-    label = 'toolbar.help';
-    tooltip = 'toolbar.help';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.help';
+    override icon = IconHelp;
+    override label = 'toolbar.help';
+    override tooltip = 'toolbar.help';
 
     /**
      * Handles clicking / pressing the button, and opens a new window with the user documentation.
@@ -33,7 +33,7 @@ class HelpButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { _userDocumentationURL } = this.props;
 
         sendAnalytics(createToolbarEvent('help.pressed'));
diff --git a/react/features/toolbox/components/native/AudioOnlyButton.ts b/react/features/toolbox/components/native/AudioOnlyButton.ts
index 9af2b46843..87f3050798 100644
--- a/react/features/toolbox/components/native/AudioOnlyButton.ts
+++ b/react/features/toolbox/components/native/AudioOnlyButton.ts
@@ -32,11 +32,11 @@ interface IProps extends AbstractButtonProps {
  * An implementation of a button for toggling the audio-only mode.
  */
 class AudioOnlyButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.audioOnly';
-    icon = IconAudioOnly;
-    label = 'toolbar.audioOnlyOn';
-    toggledIcon = IconAudioOnlyOff;
-    toggledLabel = 'toolbar.audioOnlyOff';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.audioOnly';
+    override icon = IconAudioOnly;
+    override label = 'toolbar.audioOnlyOn';
+    override toggledIcon = IconAudioOnlyOff;
+    override toggledLabel = 'toolbar.audioOnlyOff';
 
     /**
      * Handles clicking / pressing the button.
@@ -45,7 +45,7 @@ class AudioOnlyButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { _audioOnly, _startCarMode, dispatch } = this.props;
 
         if (!_audioOnly && _startCarMode) {
@@ -64,7 +64,7 @@ class AudioOnlyButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._audioOnly;
     }
 }
diff --git a/react/features/toolbox/components/native/LinkToSalesforceButton.ts b/react/features/toolbox/components/native/LinkToSalesforceButton.ts
index c2377f10f3..fdfb95124f 100644
--- a/react/features/toolbox/components/native/LinkToSalesforceButton.ts
+++ b/react/features/toolbox/components/native/LinkToSalesforceButton.ts
@@ -15,9 +15,9 @@ import { isSalesforceEnabled } from '../../../salesforce/functions';
  * Implementation of a button for opening the Salesforce link dialog.
  */
 class LinkToSalesforceButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.linkToSalesforce';
-    icon = IconCloudUpload;
-    label = 'toolbar.linkToSalesforce';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.linkToSalesforce';
+    override icon = IconCloudUpload;
+    override label = 'toolbar.linkToSalesforce';
 
     /**
      * Handles clicking / pressing the button, and opens the Salesforce link dialog.
@@ -25,7 +25,7 @@ class LinkToSalesforceButton extends AbstractButton<AbstractButtonProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         sendAnalytics(createToolbarEvent('link.to.salesforce'));
 
         return navigate(screen.conference.salesforce);
diff --git a/react/features/toolbox/components/native/OpenCarmodeButton.tsx b/react/features/toolbox/components/native/OpenCarmodeButton.tsx
index 69376ff956..0b9f72a34c 100644
--- a/react/features/toolbox/components/native/OpenCarmodeButton.tsx
+++ b/react/features/toolbox/components/native/OpenCarmodeButton.tsx
@@ -14,9 +14,9 @@ import { screen } from '../../../mobile/navigation/routes';
  * Implements an {@link AbstractButton} to open the carmode.
  */
 class OpenCarmodeButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.carmode';
-    icon = IconCar;
-    label = 'carmode.labels.buttonLabel';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.carmode';
+    override icon = IconCar;
+    override label = 'carmode.labels.buttonLabel';
 
     /**
      * Handles clicking / pressing the button, and opens the carmode mode.
@@ -24,7 +24,7 @@ class OpenCarmodeButton extends AbstractButton<AbstractButtonProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         return navigate(screen.conference.carmode);
     }
 }
diff --git a/react/features/toolbox/components/native/OverflowMenu.tsx b/react/features/toolbox/components/native/OverflowMenu.tsx
index f9db696cd3..1e94811c84 100644
--- a/react/features/toolbox/components/native/OverflowMenu.tsx
+++ b/react/features/toolbox/components/native/OverflowMenu.tsx
@@ -122,7 +122,7 @@ class OverflowMenu extends PureComponent<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const {
             _isBreakoutRoomsSupported,
             _isSpeakerStatsDisabled,
diff --git a/react/features/toolbox/components/native/OverflowMenuButton.ts b/react/features/toolbox/components/native/OverflowMenuButton.ts
index 46bd3bfc03..e030ee3fe2 100644
--- a/react/features/toolbox/components/native/OverflowMenuButton.ts
+++ b/react/features/toolbox/components/native/OverflowMenuButton.ts
@@ -14,9 +14,9 @@ import OverflowMenu from './OverflowMenu';
  * An implementation of a button for showing the {@code OverflowMenu}.
  */
 class OverflowMenuButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.moreActions';
-    icon = IconDotsHorizontal;
-    label = 'toolbar.moreActions';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.moreActions';
+    override icon = IconDotsHorizontal;
+    override label = 'toolbar.moreActions';
 
     /**
      * Handles clicking / pressing this {@code OverflowMenuButton}.
@@ -24,7 +24,7 @@ class OverflowMenuButton extends AbstractButton<AbstractButtonProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
 
         // @ts-ignore
         this.props.dispatch(openSheet(OverflowMenu));
diff --git a/react/features/toolbox/components/native/RaiseHandButton.ts b/react/features/toolbox/components/native/RaiseHandButton.ts
index 7715f33bb8..ef00a820ba 100644
--- a/react/features/toolbox/components/native/RaiseHandButton.ts
+++ b/react/features/toolbox/components/native/RaiseHandButton.ts
@@ -35,10 +35,10 @@ interface IProps extends AbstractButtonProps {
  * An implementation of a button to raise or lower hand.
  */
 class RaiseHandButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.raiseHand';
-    icon = IconRaiseHand;
-    label = 'toolbar.raiseYourHand';
-    toggledLabel = 'toolbar.lowerYourHand';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.raiseHand';
+    override icon = IconRaiseHand;
+    override label = 'toolbar.raiseYourHand';
+    override toggledLabel = 'toolbar.lowerYourHand';
 
     /**
      * Handles clicking / pressing the button.
@@ -47,7 +47,7 @@ class RaiseHandButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         this._toggleRaisedHand();
     }
 
@@ -58,7 +58,7 @@ class RaiseHandButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._raisedHand;
     }
 
diff --git a/react/features/toolbox/components/native/ScreenSharingAndroidButton.ts b/react/features/toolbox/components/native/ScreenSharingAndroidButton.ts
index 127bab3d9c..983ae24ea3 100644
--- a/react/features/toolbox/components/native/ScreenSharingAndroidButton.ts
+++ b/react/features/toolbox/components/native/ScreenSharingAndroidButton.ts
@@ -29,10 +29,10 @@ interface IProps extends AbstractButtonProps {
  * An implementation of a button for toggling screen sharing.
  */
 class ScreenSharingAndroidButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.shareYourScreen';
-    icon = IconScreenshare;
-    label = 'toolbar.startScreenSharing';
-    toggledLabel = 'toolbar.stopScreenSharing';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.shareYourScreen';
+    override icon = IconScreenshare;
+    override label = 'toolbar.startScreenSharing';
+    override toggledLabel = 'toolbar.stopScreenSharing';
 
     /**
      * Handles clicking / pressing the button.
@@ -41,7 +41,7 @@ class ScreenSharingAndroidButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const enable = !this._isToggled();
 
         this.props.dispatch(toggleScreensharing(enable));
@@ -64,7 +64,7 @@ class ScreenSharingAndroidButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._screensharing;
     }
 }
diff --git a/react/features/toolbox/components/native/ScreenSharingIosButton.tsx b/react/features/toolbox/components/native/ScreenSharingIosButton.tsx
index 9752086f08..3e2e7ba96e 100644
--- a/react/features/toolbox/components/native/ScreenSharingIosButton.tsx
+++ b/react/features/toolbox/components/native/ScreenSharingIosButton.tsx
@@ -39,10 +39,10 @@ const styles = {
 class ScreenSharingIosButton extends AbstractButton<IProps> {
     _nativeComponent: React.Component<any, any> | null;
 
-    accessibilityLabel = 'toolbar.accessibilityLabel.shareYourScreen';
-    icon = IconScreenshare;
-    label = 'toolbar.startScreenSharing';
-    toggledLabel = 'toolbar.stopScreenSharing';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.shareYourScreen';
+    override icon = IconScreenshare;
+    override label = 'toolbar.startScreenSharing';
+    override toggledLabel = 'toolbar.stopScreenSharing';
 
     /**
    * Initializes a new {@code ScreenSharingIosButton} instance.
@@ -65,7 +65,7 @@ class ScreenSharingIosButton extends AbstractButton<IProps> {
      * @inheritdoc
      * @returns {React$Node}
      */
-    render() {
+    override render() {
         return (
             <>
                 { super.render() }
@@ -94,7 +94,7 @@ class ScreenSharingIosButton extends AbstractButton<IProps> {
    * @protected
    * @returns {void}
    */
-    _handleClick() {
+    override _handleClick() {
         const handle = findNodeHandle(this._nativeComponent);
 
         NativeModules.ScreenCapturePickerViewManager.show(handle);
@@ -117,7 +117,7 @@ class ScreenSharingIosButton extends AbstractButton<IProps> {
    * @protected
    * @returns {boolean}
    */
-    _isToggled() {
+    override _isToggled() {
         return this.props._screensharing;
     }
 }
diff --git a/react/features/toolbox/components/native/ToggleCameraButton.ts b/react/features/toolbox/components/native/ToggleCameraButton.ts
index 43d79b9853..6275ed21a7 100644
--- a/react/features/toolbox/components/native/ToggleCameraButton.ts
+++ b/react/features/toolbox/components/native/ToggleCameraButton.ts
@@ -28,9 +28,9 @@ interface IProps extends AbstractButtonProps {
  * An implementation of a button for toggling the camera facing mode.
  */
 class ToggleCameraButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.toggleCamera';
-    icon = IconCameraRefresh;
-    label = 'toolbar.toggleCamera';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.toggleCamera';
+    override icon = IconCameraRefresh;
+    override label = 'toolbar.toggleCamera';
 
     /**
      * Handles clicking / pressing the button.
@@ -39,7 +39,7 @@ class ToggleCameraButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         this.props.dispatch(toggleCameraFacingMode());
     }
 
diff --git a/react/features/toolbox/components/native/ToggleSelfViewButton.ts b/react/features/toolbox/components/native/ToggleSelfViewButton.ts
index d94c04c2a0..af31619dca 100644
--- a/react/features/toolbox/components/native/ToggleSelfViewButton.ts
+++ b/react/features/toolbox/components/native/ToggleSelfViewButton.ts
@@ -21,10 +21,10 @@ interface IProps extends AbstractButtonProps {
  * An implementation of a button for toggling the self view.
  */
 class ToggleSelfViewButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.selfView';
-    icon = IconAudioOnlyOff;
-    label = 'videothumbnail.hideSelfView';
-    toggledLabel = 'videothumbnail.showSelfView';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.selfView';
+    override icon = IconAudioOnlyOff;
+    override label = 'videothumbnail.hideSelfView';
+    override toggledLabel = 'videothumbnail.showSelfView';
 
     /**
      * Handles clicking / pressing the button.
@@ -33,7 +33,7 @@ class ToggleSelfViewButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { _disableSelfView, dispatch } = this.props;
 
         dispatch(updateSettings({
@@ -48,7 +48,7 @@ class ToggleSelfViewButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._disableSelfView;
     }
 }
diff --git a/react/features/toolbox/components/web/AudioMuteButton.tsx b/react/features/toolbox/components/web/AudioMuteButton.tsx
index dd13f93393..1511fc7739 100644
--- a/react/features/toolbox/components/web/AudioMuteButton.tsx
+++ b/react/features/toolbox/components/web/AudioMuteButton.tsx
@@ -70,7 +70,7 @@ class AudioMuteButton extends AbstractAudioMuteButton<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         this.props.dispatch(registerShortcut({
             character: 'M',
             helpDescription: 'keyboardShortcuts.mute',
@@ -84,7 +84,7 @@ class AudioMuteButton extends AbstractAudioMuteButton<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this.props.dispatch(unregisterShortcut('M'));
     }
 
@@ -98,7 +98,7 @@ class AudioMuteButton extends AbstractAudioMuteButton<IProps> {
      * @private
      * @returns {string}
      */
-    _getAccessibilityLabel() {
+    override _getAccessibilityLabel() {
         const { _gumPending } = this.props;
 
         if (_gumPending === IGUMPendingState.NONE) {
@@ -115,7 +115,7 @@ class AudioMuteButton extends AbstractAudioMuteButton<IProps> {
      * @private
      * @returns {string}
      */
-    _getLabel() {
+    override _getLabel() {
         const { _gumPending } = this.props;
 
         if (_gumPending === IGUMPendingState.NONE) {
@@ -132,7 +132,7 @@ class AudioMuteButton extends AbstractAudioMuteButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isAudioMuted() {
+    override _isAudioMuted() {
         if (this.props._gumPending === IGUMPendingState.PENDING_UNMUTE) {
             return false;
         }
@@ -167,7 +167,7 @@ class AudioMuteButton extends AbstractAudioMuteButton<IProps> {
      *
      * @returns {ReactElement | null}
      */
-    _getElementAfter(): ReactElement | null {
+    override _getElementAfter(): ReactElement | null {
         const { _gumPending } = this.props;
         const classes = withStyles.getClasses(this.props);
 
diff --git a/react/features/toolbox/components/web/AudioSettingsButton.tsx b/react/features/toolbox/components/web/AudioSettingsButton.tsx
index 6f3ebb8d82..ebf7751776 100644
--- a/react/features/toolbox/components/web/AudioSettingsButton.tsx
+++ b/react/features/toolbox/components/web/AudioSettingsButton.tsx
@@ -118,7 +118,7 @@ class AudioSettingsButton extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { gumPending, hasPermissions, isDisabled, visible, isOpen, buttonKey, notifyMode, t } = this.props;
         const settingsDisabled = !hasPermissions
             || isDisabled
diff --git a/react/features/toolbox/components/web/CustomOptionButton.tsx b/react/features/toolbox/components/web/CustomOptionButton.tsx
index 12e828b48e..47ade12fd4 100644
--- a/react/features/toolbox/components/web/CustomOptionButton.tsx
+++ b/react/features/toolbox/components/web/CustomOptionButton.tsx
@@ -19,9 +19,9 @@ class CustomOptionButton extends AbstractButton<IProps> {
     iconSrc = this.props.icon;
     id = this.props.id;
     text = this.props.text;
-    backgroundColor = this.props.backgroundColor;
+    override backgroundColor = this.props.backgroundColor;
 
-    accessibilityLabel = this.text;
+    override accessibilityLabel = this.text;
 
     /**
      * Custom icon component.
@@ -29,12 +29,12 @@ class CustomOptionButton extends AbstractButton<IProps> {
      * @param {any} props - Icon's props.
      * @returns {img}
      */
-    icon = (props: any) => (<img
+    override icon = (props: any) => (<img
         src = { this.iconSrc }
         { ...props } />);
 
-    label = this.text;
-    tooltip = this.text;
+    override label = this.text;
+    override tooltip = this.text;
 }
 
 export default CustomOptionButton;
diff --git a/react/features/toolbox/components/web/FullscreenButton.ts b/react/features/toolbox/components/web/FullscreenButton.ts
index 699c93db47..d585aacc45 100644
--- a/react/features/toolbox/components/web/FullscreenButton.ts
+++ b/react/features/toolbox/components/web/FullscreenButton.ts
@@ -21,14 +21,14 @@ interface IProps extends AbstractButtonProps {
  * Implementation of a button for toggling fullscreen state.
  */
 class FullscreenButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.enterFullScreen';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.exitFullScreen';
-    label = 'toolbar.enterFullScreen';
-    toggledLabel = 'toolbar.exitFullScreen';
-    tooltip = 'toolbar.enterFullScreen';
-    toggledTooltip = 'toolbar.exitFullScreen';
-    toggledIcon = IconExitFullscreen;
-    icon = IconEnterFullscreen;
+    override accessibilityLabel = 'toolbar.accessibilityLabel.enterFullScreen';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.exitFullScreen';
+    override label = 'toolbar.enterFullScreen';
+    override toggledLabel = 'toolbar.exitFullScreen';
+    override tooltip = 'toolbar.enterFullScreen';
+    override toggledTooltip = 'toolbar.exitFullScreen';
+    override toggledIcon = IconExitFullscreen;
+    override icon = IconEnterFullscreen;
 
     /**
      * Indicates whether this button is in toggled state or not.
@@ -37,7 +37,7 @@ class FullscreenButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._fullScreen;
     }
 
@@ -47,7 +47,7 @@ class FullscreenButton extends AbstractButton<IProps> {
     * @private
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, _fullScreen } = this.props;
 
         sendAnalytics(createToolbarEvent(
diff --git a/react/features/toolbox/components/web/HangupMenuButton.tsx b/react/features/toolbox/components/web/HangupMenuButton.tsx
index 48760cb5b0..1641ec6cc5 100644
--- a/react/features/toolbox/components/web/HangupMenuButton.tsx
+++ b/react/features/toolbox/components/web/HangupMenuButton.tsx
@@ -82,7 +82,7 @@ class HangupMenuButton extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { children, isOpen, t } = this.props;
 
         return (
diff --git a/react/features/toolbox/components/web/HangupToggleButton.tsx b/react/features/toolbox/components/web/HangupToggleButton.tsx
index 1432cbd117..cfb111021f 100644
--- a/react/features/toolbox/components/web/HangupToggleButton.tsx
+++ b/react/features/toolbox/components/web/HangupToggleButton.tsx
@@ -24,12 +24,12 @@ interface IProps extends AbstractButtonProps {
  * Implementation of a button for toggling the hangup menu.
  */
 class HangupToggleButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.hangup';
-    icon = IconHangup;
-    label = 'toolbar.hangup';
-    toggledIcon = IconCloseLarge;
-    toggledLabel = 'toolbar.hangup';
-    tooltip = 'toolbar.hangup';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.hangup';
+    override icon = IconHangup;
+    override label = 'toolbar.hangup';
+    override toggledIcon = IconCloseLarge;
+    override toggledLabel = 'toolbar.hangup';
+    override tooltip = 'toolbar.hangup';
 
     /**
      * Indicates whether this button is in toggled state or not.
@@ -38,7 +38,7 @@ class HangupToggleButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props.isOpen;
     }
 
@@ -49,7 +49,7 @@ class HangupToggleButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _onKeyDown() {
+    override _onKeyDown() {
         this.props.onKeyDown();
     }
 }
diff --git a/react/features/toolbox/components/web/LinkToSalesforceButton.ts b/react/features/toolbox/components/web/LinkToSalesforceButton.ts
index 46fe10df9b..57b7d49d28 100644
--- a/react/features/toolbox/components/web/LinkToSalesforceButton.ts
+++ b/react/features/toolbox/components/web/LinkToSalesforceButton.ts
@@ -14,10 +14,10 @@ import { isSalesforceEnabled } from '../../../salesforce/functions';
  * Implementation of a button for opening the Salesforce link dialog.
  */
 class LinkToSalesforce extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.linkToSalesforce';
-    icon = IconCloudUpload;
-    label = 'toolbar.linkToSalesforce';
-    tooltip = 'toolbar.linkToSalesforce';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.linkToSalesforce';
+    override icon = IconCloudUpload;
+    override label = 'toolbar.linkToSalesforce';
+    override tooltip = 'toolbar.linkToSalesforce';
 
     /**
      * Handles clicking / pressing the button, and opens the Salesforce link dialog.
@@ -25,7 +25,7 @@ class LinkToSalesforce extends AbstractButton<AbstractButtonProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         sendAnalytics(createToolbarEvent('link.to.salesforce'));
diff --git a/react/features/toolbox/components/web/OverflowToggleButton.ts b/react/features/toolbox/components/web/OverflowToggleButton.ts
index 9567673bcd..dbc73bcf59 100644
--- a/react/features/toolbox/components/web/OverflowToggleButton.ts
+++ b/react/features/toolbox/components/web/OverflowToggleButton.ts
@@ -25,12 +25,12 @@ interface IProps extends AbstractButtonProps {
  * Implementation of a button for toggling the overflow menu.
  */
 class OverflowToggleButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.moreActions';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.closeMoreActions';
-    icon = IconDotsHorizontal;
-    label = 'toolbar.moreActions';
-    toggledLabel = 'toolbar.moreActions';
-    tooltip = 'toolbar.moreActions';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.moreActions';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.closeMoreActions';
+    override icon = IconDotsHorizontal;
+    override label = 'toolbar.moreActions';
+    override toggledLabel = 'toolbar.moreActions';
+    override tooltip = 'toolbar.moreActions';
 
     /**
      * Indicates whether this button is in toggled state or not.
@@ -39,7 +39,7 @@ class OverflowToggleButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props.isOpen;
     }
 
@@ -50,7 +50,7 @@ class OverflowToggleButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _onKeyDown() {
+    override _onKeyDown() {
         this.props.onKeyDown();
     }
 }
diff --git a/react/features/toolbox/components/web/ProfileButton.ts b/react/features/toolbox/components/web/ProfileButton.ts
index dc7e3c69ff..44395443c9 100644
--- a/react/features/toolbox/components/web/ProfileButton.ts
+++ b/react/features/toolbox/components/web/ProfileButton.ts
@@ -37,15 +37,15 @@ interface IProps extends AbstractButtonProps {
  * Implementation of a button for opening profile dialog.
  */
 class ProfileButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.profile';
-    icon = ProfileButtonAvatar;
+    override accessibilityLabel = 'toolbar.accessibilityLabel.profile';
+    override icon = ProfileButtonAvatar;
 
     /**
      * Retrieves the label.
      *
      * @returns {string}
      */
-    _getLabel() {
+    override _getLabel() {
         const {
             _defaultLocalDisplayName,
             _localParticipant
@@ -66,7 +66,7 @@ class ProfileButton extends AbstractButton<IProps> {
      *
      * @returns {string}
      */
-    _getTooltip() {
+    override _getTooltip() {
         return this._getLabel();
     }
 
@@ -76,7 +76,7 @@ class ProfileButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, _unclickable } = this.props;
 
         if (!_unclickable) {
@@ -91,7 +91,7 @@ class ProfileButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _isDisabled() {
+    override _isDisabled() {
         return this.props._unclickable;
     }
 }
diff --git a/react/features/toolbox/components/web/ProfileButtonAvatar.tsx b/react/features/toolbox/components/web/ProfileButtonAvatar.tsx
index 91b1ba67ea..756fda5e02 100644
--- a/react/features/toolbox/components/web/ProfileButtonAvatar.tsx
+++ b/react/features/toolbox/components/web/ProfileButtonAvatar.tsx
@@ -32,7 +32,7 @@ class ProfileButtonAvatar extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { _localParticipant } = this.props;
 
         return (
diff --git a/react/features/toolbox/components/web/ShareDesktopButton.ts b/react/features/toolbox/components/web/ShareDesktopButton.ts
index e51dfab5f4..4bb817f756 100644
--- a/react/features/toolbox/components/web/ShareDesktopButton.ts
+++ b/react/features/toolbox/components/web/ShareDesktopButton.ts
@@ -29,18 +29,18 @@ interface IProps extends AbstractButtonProps {
  * Implementation of a button for sharing desktop / windows.
  */
 class ShareDesktopButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.shareYourScreen';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.stopScreenSharing';
-    label = 'toolbar.startScreenSharing';
-    icon = IconScreenshare;
-    toggledLabel = 'toolbar.stopScreenSharing';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.shareYourScreen';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.stopScreenSharing';
+    override label = 'toolbar.startScreenSharing';
+    override icon = IconScreenshare;
+    override toggledLabel = 'toolbar.stopScreenSharing';
 
     /**
      * Retrieves tooltip dynamically.
      *
      * @returns {string}
      */
-    _getTooltip() {
+    override _getTooltip() {
         const { _desktopSharingEnabled, _screensharing } = this.props;
 
         if (_desktopSharingEnabled) {
@@ -61,7 +61,7 @@ class ShareDesktopButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._screensharing;
     }
 
@@ -72,7 +72,7 @@ class ShareDesktopButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isDisabled() {
+    override _isDisabled() {
         return !this.props._desktopSharingEnabled;
     }
 
@@ -82,7 +82,7 @@ class ShareDesktopButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, _screensharing } = this.props;
 
         sendAnalytics(createToolbarEvent(
diff --git a/react/features/toolbox/components/web/ToggleCameraButton.ts b/react/features/toolbox/components/web/ToggleCameraButton.ts
index ca277dbcbe..bd4259d9cb 100644
--- a/react/features/toolbox/components/web/ToggleCameraButton.ts
+++ b/react/features/toolbox/components/web/ToggleCameraButton.ts
@@ -29,16 +29,16 @@ interface IProps extends AbstractButtonProps {
  * An implementation of a button for toggling the camera facing mode.
  */
 class ToggleCameraButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.toggleCamera';
-    icon = IconCameraRefresh;
-    label = 'toolbar.toggleCamera';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.toggleCamera';
+    override icon = IconCameraRefresh;
+    override label = 'toolbar.toggleCamera';
 
     /**
      * Handles clicking/pressing the button.
      *
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         dispatch(toggleCamera());
@@ -50,7 +50,7 @@ class ToggleCameraButton extends AbstractButton<IProps> {
      *
      * @returns {boolean}
      */
-    _isDisabled() {
+    override _isDisabled() {
         return this.props._audioOnly || this.props._videoMuted;
     }
 }
diff --git a/react/features/toolbox/components/web/VideoMuteButton.tsx b/react/features/toolbox/components/web/VideoMuteButton.tsx
index 6016ad9d07..09ac33a3d4 100644
--- a/react/features/toolbox/components/web/VideoMuteButton.tsx
+++ b/react/features/toolbox/components/web/VideoMuteButton.tsx
@@ -69,7 +69,7 @@ class VideoMuteButton extends AbstractVideoMuteButton<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         this.props.dispatch(registerShortcut({
             character: 'V',
             helpDescription: 'keyboardShortcuts.videoMute',
@@ -83,7 +83,7 @@ class VideoMuteButton extends AbstractVideoMuteButton<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this.props.dispatch(unregisterShortcut('V'));
     }
 
@@ -97,7 +97,7 @@ class VideoMuteButton extends AbstractVideoMuteButton<IProps> {
      * @private
      * @returns {string}
      */
-    _getAccessibilityLabel() {
+    override _getAccessibilityLabel() {
         const { _gumPending } = this.props;
 
         if (_gumPending === IGUMPendingState.NONE) {
@@ -114,7 +114,7 @@ class VideoMuteButton extends AbstractVideoMuteButton<IProps> {
      * @private
      * @returns {string}
      */
-    _getLabel() {
+    override _getLabel() {
         const { _gumPending } = this.props;
 
         if (_gumPending === IGUMPendingState.NONE) {
@@ -131,7 +131,7 @@ class VideoMuteButton extends AbstractVideoMuteButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isVideoMuted() {
+    override _isVideoMuted() {
         if (this.props._gumPending === IGUMPendingState.PENDING_UNMUTE) {
             return false;
         }
@@ -144,7 +144,7 @@ class VideoMuteButton extends AbstractVideoMuteButton<IProps> {
      *
      * @returns {ReactElement | null}
      */
-    _getElementAfter(): ReactElement | null {
+    override _getElementAfter(): ReactElement | null {
         const { _gumPending } = this.props;
         const classes = withStyles.getClasses(this.props);
 
diff --git a/react/features/toolbox/components/web/VideoSettingsButton.tsx b/react/features/toolbox/components/web/VideoSettingsButton.tsx
index 4aa7306634..bd12c24262 100644
--- a/react/features/toolbox/components/web/VideoSettingsButton.tsx
+++ b/react/features/toolbox/components/web/VideoSettingsButton.tsx
@@ -137,7 +137,7 @@ class VideoSettingsButton extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { gumPending, t, visible, isOpen, buttonKey, notifyMode } = this.props;
 
         return visible ? (
diff --git a/react/features/unsupported-browser/components/DefaultUnsupportedDesktopBrowser.tsx b/react/features/unsupported-browser/components/DefaultUnsupportedDesktopBrowser.tsx
index 68b3f9cb48..772504a1f3 100644
--- a/react/features/unsupported-browser/components/DefaultUnsupportedDesktopBrowser.tsx
+++ b/react/features/unsupported-browser/components/DefaultUnsupportedDesktopBrowser.tsx
@@ -12,7 +12,7 @@ class DefaultUnsupportedDesktopBrowser extends Component {
      *
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         window.location.pathname = 'static/recommendedBrowsers.html';
     }
 
@@ -21,7 +21,7 @@ class DefaultUnsupportedDesktopBrowser extends Component {
      *
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <div />
         );
diff --git a/react/features/video-layout/components/TileViewButton.ts b/react/features/video-layout/components/TileViewButton.ts
index 90965ee3fe..d76c00ec52 100644
--- a/react/features/video-layout/components/TileViewButton.ts
+++ b/react/features/video-layout/components/TileViewButton.ts
@@ -30,12 +30,12 @@ interface IProps extends AbstractButtonProps {
  * @augments AbstractButton
  */
 class TileViewButton<P extends IProps> extends AbstractButton<P> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.enterTileView';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.exitTileView';
-    icon = IconTileView;
-    label = 'toolbar.enterTileView';
-    toggledLabel = 'toolbar.exitTileView';
-    tooltip = 'toolbar.tileViewToggle';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.enterTileView';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.exitTileView';
+    override icon = IconTileView;
+    override label = 'toolbar.enterTileView';
+    override toggledLabel = 'toolbar.exitTileView';
+    override tooltip = 'toolbar.tileViewToggle';
 
     /**
      * Handles clicking / pressing the button.
@@ -44,7 +44,7 @@ class TileViewButton<P extends IProps> extends AbstractButton<P> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { _tileViewEnabled, dispatch } = this.props;
 
         const value = !_tileViewEnabled;
@@ -70,7 +70,7 @@ class TileViewButton<P extends IProps> extends AbstractButton<P> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._tileViewEnabled;
     }
 }
diff --git a/react/features/video-menu/components/AbstractGrantModeratorButton.ts b/react/features/video-menu/components/AbstractGrantModeratorButton.ts
index 82131f12b1..4a0c7b4eaf 100644
--- a/react/features/video-menu/components/AbstractGrantModeratorButton.ts
+++ b/react/features/video-menu/components/AbstractGrantModeratorButton.ts
@@ -19,17 +19,17 @@ export interface IProps extends AbstractButtonProps {
  * An abstract remote video menu button which kicks the remote participant.
  */
 export default class AbstractGrantModeratorButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.grantModerator';
-    icon = IconModerator;
-    label = 'videothumbnail.grantModerator';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.grantModerator';
+    override icon = IconModerator;
+    override label = 'videothumbnail.grantModerator';
 
     /**
-   * Handles clicking / pressing the button, and kicks the participant.
-   *
-   * @private
-   * @returns {void}
-   */
-    _handleClick() {
+    * Handles clicking / pressing the button, and kicks the participant.
+    *
+    * @private
+    * @returns {void}
+    */
+    override _handleClick() {
         const { dispatch, participantID } = this.props;
 
         dispatch(openDialog(GrantModeratorDialog, { participantID }));
diff --git a/react/features/video-menu/components/AbstractKickButton.ts b/react/features/video-menu/components/AbstractKickButton.ts
index 8fce5cf6dc..f934f1efd8 100644
--- a/react/features/video-menu/components/AbstractKickButton.ts
+++ b/react/features/video-menu/components/AbstractKickButton.ts
@@ -16,9 +16,9 @@ export interface IProps extends AbstractButtonProps {
  * An abstract remote video menu button which kicks the remote participant.
  */
 export default class AbstractKickButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.kick';
-    icon = IconUserDeleted;
-    label = 'videothumbnail.kick';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.kick';
+    override icon = IconUserDeleted;
+    override label = 'videothumbnail.kick';
 
     /**
      * Handles clicking / pressing the button, and kicks the participant.
@@ -26,7 +26,7 @@ export default class AbstractKickButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, participantID } = this.props;
 
         dispatch(openDialog(KickRemoteParticipantDialog, { participantID }));
diff --git a/react/features/video-menu/components/AbstractMuteButton.ts b/react/features/video-menu/components/AbstractMuteButton.ts
index 31de5f85a6..326ad57c24 100644
--- a/react/features/video-menu/components/AbstractMuteButton.ts
+++ b/react/features/video-menu/components/AbstractMuteButton.ts
@@ -27,10 +27,10 @@ export interface IProps extends AbstractButtonProps {
  * An abstract remote video menu button which mutes the remote participant.
  */
 export default class AbstractMuteButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.remoteMute';
-    icon = IconMicSlash;
-    label = 'videothumbnail.domute';
-    toggledLabel = 'videothumbnail.muted';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.remoteMute';
+    override icon = IconMicSlash;
+    override label = 'videothumbnail.domute';
+    override toggledLabel = 'videothumbnail.muted';
 
     /**
      * Handles clicking / pressing the button, and mutes the participant.
@@ -38,7 +38,7 @@ export default class AbstractMuteButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, participantID } = this.props;
 
         sendAnalytics(createRemoteVideoMenuButtonEvent(
@@ -56,7 +56,7 @@ export default class AbstractMuteButton extends AbstractButton<IProps> {
      *
      * @inheritdoc
      */
-    _isDisabled() {
+    override _isDisabled() {
         return this.props._audioTrackMuted;
     }
 
@@ -65,7 +65,7 @@ export default class AbstractMuteButton extends AbstractButton<IProps> {
      *
      * @inheritdoc
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._audioTrackMuted;
     }
 }
diff --git a/react/features/video-menu/components/AbstractMuteEveryoneDialog.ts b/react/features/video-menu/components/AbstractMuteEveryoneDialog.ts
index 613f38f2fa..eaf6661cda 100644
--- a/react/features/video-menu/components/AbstractMuteEveryoneDialog.ts
+++ b/react/features/video-menu/components/AbstractMuteEveryoneDialog.ts
@@ -84,7 +84,7 @@ export default class AbstractMuteEveryoneDialog<P extends IProps> extends
      *
      * @returns {boolean}
      */
-    _onSubmit() {
+    override _onSubmit() {
         const {
             dispatch,
             exclude
diff --git a/react/features/video-menu/components/AbstractMuteEveryoneElseButton.ts b/react/features/video-menu/components/AbstractMuteEveryoneElseButton.ts
index 3fa5733694..dee46b78c4 100644
--- a/react/features/video-menu/components/AbstractMuteEveryoneElseButton.ts
+++ b/react/features/video-menu/components/AbstractMuteEveryoneElseButton.ts
@@ -18,9 +18,9 @@ export interface IProps extends AbstractButtonProps {
  * An abstract remote video menu button which mutes all the other participants.
  */
 export default class AbstractMuteEveryoneElseButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.muteEveryoneElse';
-    icon = IconMicSlash;
-    label = 'videothumbnail.domuteOthers';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.muteEveryoneElse';
+    override icon = IconMicSlash;
+    override label = 'videothumbnail.domuteOthers';
 
     /**
      * Handles clicking / pressing the button, and opens a confirmation dialog.
@@ -28,7 +28,7 @@ export default class AbstractMuteEveryoneElseButton extends AbstractButton<IProp
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, participantID } = this.props;
 
         sendAnalytics(createToolbarEvent('mute.everyoneelse.pressed'));
diff --git a/react/features/video-menu/components/AbstractMuteEveryoneElsesVideoButton.ts b/react/features/video-menu/components/AbstractMuteEveryoneElsesVideoButton.ts
index caa79e5dd3..cc6e5ca8be 100644
--- a/react/features/video-menu/components/AbstractMuteEveryoneElsesVideoButton.ts
+++ b/react/features/video-menu/components/AbstractMuteEveryoneElsesVideoButton.ts
@@ -18,9 +18,9 @@ export interface IProps extends AbstractButtonProps {
  * An abstract remote video menu button which disables the camera of all the other participants.
  */
 export default class AbstractMuteEveryoneElsesVideoButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.muteEveryoneElsesVideoStream';
-    icon = IconVideoOff;
-    label = 'videothumbnail.domuteVideoOfOthers';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.muteEveryoneElsesVideoStream';
+    override icon = IconVideoOff;
+    override label = 'videothumbnail.domuteVideoOfOthers';
 
     /**
      * Handles clicking / pressing the button, and opens a confirmation dialog.
@@ -28,7 +28,7 @@ export default class AbstractMuteEveryoneElsesVideoButton extends AbstractButton
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, participantID } = this.props;
 
         sendAnalytics(createToolbarEvent('mute.everyoneelsesvideo.pressed'));
diff --git a/react/features/video-menu/components/AbstractMuteEveryonesVideoDialog.ts b/react/features/video-menu/components/AbstractMuteEveryonesVideoDialog.ts
index 9b443c22e2..5201497e57 100644
--- a/react/features/video-menu/components/AbstractMuteEveryonesVideoDialog.ts
+++ b/react/features/video-menu/components/AbstractMuteEveryonesVideoDialog.ts
@@ -83,7 +83,7 @@ export default class AbstractMuteEveryonesVideoDialog<P extends IProps>
      *
      * @returns {boolean}
      */
-    _onSubmit() {
+    override _onSubmit() {
         const {
             dispatch,
             exclude
diff --git a/react/features/video-menu/components/AbstractMuteVideoButton.ts b/react/features/video-menu/components/AbstractMuteVideoButton.ts
index 42c2660c19..9b9d7100da 100644
--- a/react/features/video-menu/components/AbstractMuteVideoButton.ts
+++ b/react/features/video-menu/components/AbstractMuteVideoButton.ts
@@ -28,10 +28,10 @@ export interface IProps extends AbstractButtonProps {
  * An abstract remote video menu button which mutes the remote participant.
  */
 export default class AbstractMuteVideoButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.remoteVideoMute';
-    icon = IconVideoOff;
-    label = 'videothumbnail.domuteVideo';
-    toggledLabel = 'videothumbnail.videoMuted';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.remoteVideoMute';
+    override icon = IconVideoOff;
+    override label = 'videothumbnail.domuteVideo';
+    override toggledLabel = 'videothumbnail.videoMuted';
 
     /**
      * Handles clicking / pressing the button, and mutes the participant.
@@ -39,7 +39,7 @@ export default class AbstractMuteVideoButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, participantID } = this.props;
 
         sendAnalytics(createRemoteVideoMenuButtonEvent(
@@ -56,7 +56,7 @@ export default class AbstractMuteVideoButton extends AbstractButton<IProps> {
      *
      * @inheritdoc
      */
-    _isDisabled() {
+    override _isDisabled() {
         return this.props._videoTrackMuted;
     }
 
@@ -65,7 +65,7 @@ export default class AbstractMuteVideoButton extends AbstractButton<IProps> {
      *
      * @inheritdoc
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._videoTrackMuted;
     }
 }
diff --git a/react/features/video-menu/components/native/AskUnmuteButton.ts b/react/features/video-menu/components/native/AskUnmuteButton.ts
index 6cf8469922..6c14ee7515 100644
--- a/react/features/video-menu/components/native/AskUnmuteButton.ts
+++ b/react/features/video-menu/components/native/AskUnmuteButton.ts
@@ -33,9 +33,9 @@ export interface IProps extends AbstractButtonProps {
  * An abstract remote video menu button which asks the remote participant to unmute.
  */
 class AskUnmuteButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'participantsPane.actions.askUnmute';
-    icon = IconMic;
-    label = 'participantsPane.actions.askUnmute';
+    override accessibilityLabel = 'participantsPane.actions.askUnmute';
+    override icon = IconMic;
+    override label = 'participantsPane.actions.askUnmute';
 
     /**
      * Gets the current label.
@@ -73,7 +73,7 @@ class AskUnmuteButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, participantID } = this.props;
 
         dispatch(approveParticipant(participantID));
diff --git a/react/features/video-menu/components/native/ConnectionStatusButton.ts b/react/features/video-menu/components/native/ConnectionStatusButton.ts
index 6f2ae06b74..ef644a84ba 100644
--- a/react/features/video-menu/components/native/ConnectionStatusButton.ts
+++ b/react/features/video-menu/components/native/ConnectionStatusButton.ts
@@ -17,8 +17,8 @@ export interface IProps extends AbstractButtonProps {
  * A remote video menu button which shows the connection statistics.
  */
 class ConnectionStatusButton extends AbstractButton<IProps> {
-    icon = IconInfoCircle;
-    label = 'videothumbnail.connectionInfo';
+    override icon = IconInfoCircle;
+    override label = 'videothumbnail.connectionInfo';
 
     /**
      * Handles clicking / pressing the button, and kicks the participant.
@@ -26,7 +26,7 @@ class ConnectionStatusButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, participantID } = this.props;
 
         dispatch(showConnectionStatus(participantID));
diff --git a/react/features/video-menu/components/native/ConnectionStatusComponent.tsx b/react/features/video-menu/components/native/ConnectionStatusComponent.tsx
index 0a7b4519ff..1b62616bee 100644
--- a/react/features/video-menu/components/native/ConnectionStatusComponent.tsx
+++ b/react/features/video-menu/components/native/ConnectionStatusComponent.tsx
@@ -141,7 +141,7 @@ class ConnectionStatusComponent extends PureComponent<IProps, IState> {
      * @inheritdoc
      * @returns {ReactNode}
      */
-    render() {
+    override render() {
         const { t, theme } = this.props;
         const { palette } = theme;
 
@@ -227,7 +227,7 @@ class ConnectionStatusComponent extends PureComponent<IProps, IState> {
      * @inheritdoc
      * returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         statsEmitter.subscribeToClientStats(this.props.participantID, this._onStatsUpdated);
     }
 
@@ -237,7 +237,7 @@ class ConnectionStatusComponent extends PureComponent<IProps, IState> {
      * @inheritdoc
      * returns {void}
      */
-    componentDidUpdate(prevProps: IProps) {
+    override componentDidUpdate(prevProps: IProps) {
         if (prevProps.participantID !== this.props.participantID) {
             statsEmitter.unsubscribeToClientStats(
                 prevProps.participantID, this._onStatsUpdated);
diff --git a/react/features/video-menu/components/native/DemoteToVisitorButton.ts b/react/features/video-menu/components/native/DemoteToVisitorButton.ts
index 619cecf4a3..cc0bb32c4f 100644
--- a/react/features/video-menu/components/native/DemoteToVisitorButton.ts
+++ b/react/features/video-menu/components/native/DemoteToVisitorButton.ts
@@ -20,9 +20,9 @@ interface IProps extends AbstractButtonProps {
  * Implements a React {@link Component} which displays a button for demoting a participant to visitor.
  */
 class DemoteToVisitorButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'videothumbnail.demote';
-    icon = IconUsers;
-    label = 'videothumbnail.demote';
+    override accessibilityLabel = 'videothumbnail.demote';
+    override icon = IconUsers;
+    override label = 'videothumbnail.demote';
 
     /**
      * Handles clicking / pressing the button, and demoting the participant.
@@ -30,7 +30,7 @@ class DemoteToVisitorButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, participantID } = this.props;
 
         dispatch(openDialog(DemoteToVisitorDialog, { participantID }));
diff --git a/react/features/video-menu/components/native/GrantModeratorDialog.tsx b/react/features/video-menu/components/native/GrantModeratorDialog.tsx
index 7015a3baa5..7c5d234799 100644
--- a/react/features/video-menu/components/native/GrantModeratorDialog.tsx
+++ b/react/features/video-menu/components/native/GrantModeratorDialog.tsx
@@ -16,7 +16,7 @@ class GrantModeratorDialog extends AbstractGrantModeratorDialog {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <ConfirmDialog
                 descriptionKey = {
diff --git a/react/features/video-menu/components/native/KickRemoteParticipantDialog.tsx b/react/features/video-menu/components/native/KickRemoteParticipantDialog.tsx
index fe6ca3a328..19dd1ea431 100644
--- a/react/features/video-menu/components/native/KickRemoteParticipantDialog.tsx
+++ b/react/features/video-menu/components/native/KickRemoteParticipantDialog.tsx
@@ -16,7 +16,7 @@ class KickRemoteParticipantDialog extends AbstractKickRemoteParticipantDialog {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <ConfirmDialog
                 cancelLabel = 'dialog.Cancel'
diff --git a/react/features/video-menu/components/native/LocalVideoMenu.tsx b/react/features/video-menu/components/native/LocalVideoMenu.tsx
index 15309bbefc..d40dc9c735 100644
--- a/react/features/video-menu/components/native/LocalVideoMenu.tsx
+++ b/react/features/video-menu/components/native/LocalVideoMenu.tsx
@@ -74,7 +74,7 @@ class LocalVideoMenu extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _participant, _showDemote } = this.props;
         const buttonProps = {
             afterClick: this._onCancel,
diff --git a/react/features/video-menu/components/native/LowerHandButton.tsx b/react/features/video-menu/components/native/LowerHandButton.tsx
index dbcaceba37..6d5172d902 100644
--- a/react/features/video-menu/components/native/LowerHandButton.tsx
+++ b/react/features/video-menu/components/native/LowerHandButton.tsx
@@ -29,9 +29,9 @@ interface IProps extends AbstractButtonProps {
  * @returns {JSX.Element}
  */
 class LowerHandButton extends AbstractButton<IProps> {
-    icon = IconRaiseHand;
-    accessibilityLabel = 'participantsPane.actions.lowerHand';
-    label = 'participantsPane.actions.lowerHand';
+    override icon = IconRaiseHand;
+    override accessibilityLabel = 'participantsPane.actions.lowerHand';
+    override label = 'participantsPane.actions.lowerHand';
 
     /**
      * Handles clicking / pressing the button, and asks the participant to lower hand.
@@ -39,7 +39,7 @@ class LowerHandButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { participantId, _conference } = this.props;
 
         _conference?.sendEndpointMessage(
diff --git a/react/features/video-menu/components/native/MuteEveryoneDialog.tsx b/react/features/video-menu/components/native/MuteEveryoneDialog.tsx
index acdebc9ebf..25ce09569e 100644
--- a/react/features/video-menu/components/native/MuteEveryoneDialog.tsx
+++ b/react/features/video-menu/components/native/MuteEveryoneDialog.tsx
@@ -40,7 +40,7 @@ class MuteEveryoneDialog extends AbstractMuteEveryoneDialog<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <ConfirmDialog
                 confirmLabel = 'dialog.muteParticipantButton'
diff --git a/react/features/video-menu/components/native/MuteEveryonesVideoDialog.tsx b/react/features/video-menu/components/native/MuteEveryonesVideoDialog.tsx
index 877af66570..16de06e675 100644
--- a/react/features/video-menu/components/native/MuteEveryonesVideoDialog.tsx
+++ b/react/features/video-menu/components/native/MuteEveryonesVideoDialog.tsx
@@ -40,7 +40,7 @@ class MuteEveryonesVideoDialog extends AbstractMuteEveryonesVideoDialog<IProps>
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         return (
             <ConfirmDialog
                 confirmLabel = 'dialog.muteEveryonesVideoDialogOk'
diff --git a/react/features/video-menu/components/native/MuteRemoteParticipantsVideoDialog.tsx b/react/features/video-menu/components/native/MuteRemoteParticipantsVideoDialog.tsx
index 705d5a66f8..f012def32f 100644
--- a/react/features/video-menu/components/native/MuteRemoteParticipantsVideoDialog.tsx
+++ b/react/features/video-menu/components/native/MuteRemoteParticipantsVideoDialog.tsx
@@ -17,7 +17,7 @@ class MuteRemoteParticipantsVideoDialog extends AbstractMuteRemoteParticipantsVi
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <ConfirmDialog
                 descriptionKey = { this.props.isVideoModerationOn
diff --git a/react/features/video-menu/components/native/PinButton.ts b/react/features/video-menu/components/native/PinButton.ts
index 1a488ad7dc..036e13b755 100644
--- a/react/features/video-menu/components/native/PinButton.ts
+++ b/react/features/video-menu/components/native/PinButton.ts
@@ -24,9 +24,9 @@ export interface IProps extends AbstractButtonProps {
  * A remote video menu button which pins a participant and exist the tile view.
  */
 class PinButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.show';
-    icon = IconEnlarge;
-    label = 'videothumbnail.show';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.show';
+    override icon = IconEnlarge;
+    override label = 'videothumbnail.show';
 
     /**
      * Handles clicking / pressing the button, and kicks the participant.
@@ -34,7 +34,7 @@ class PinButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         // Pin participant, it will automatically exit the tile view
diff --git a/react/features/video-menu/components/native/RemoteVideoMenu.tsx b/react/features/video-menu/components/native/RemoteVideoMenu.tsx
index 8b99f8a6ba..330e9381b2 100644
--- a/react/features/video-menu/components/native/RemoteVideoMenu.tsx
+++ b/react/features/video-menu/components/native/RemoteVideoMenu.tsx
@@ -147,7 +147,7 @@ class RemoteVideoMenu extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const {
             _disableKick,
             _disablePrivateChat,
diff --git a/react/features/video-menu/components/native/SendToBreakoutRoom.ts b/react/features/video-menu/components/native/SendToBreakoutRoom.ts
index ed082d4cd3..efd0855cdd 100644
--- a/react/features/video-menu/components/native/SendToBreakoutRoom.ts
+++ b/react/features/video-menu/components/native/SendToBreakoutRoom.ts
@@ -27,8 +27,8 @@ export interface IProps extends AbstractButtonProps {
  * An abstract remote video menu button which sends the remote participant to a breakout room.
  */
 class SendToBreakoutRoom extends AbstractButton<IProps> {
-    accessibilityLabel = 'breakoutRooms.actions.sendToBreakoutRoom';
-    icon = IconRingGroup;
+    override accessibilityLabel = 'breakoutRooms.actions.sendToBreakoutRoom';
+    override icon = IconRingGroup;
 
     /**
      * Gets the current label.
@@ -47,7 +47,7 @@ class SendToBreakoutRoom extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, participantID, room } = this.props;
 
         sendAnalytics(createBreakoutRoomsEvent('send.participant.to.room'));
diff --git a/react/features/video-menu/components/native/SharedVideoMenu.tsx b/react/features/video-menu/components/native/SharedVideoMenu.tsx
index e7907af686..2458a3aeb9 100644
--- a/react/features/video-menu/components/native/SharedVideoMenu.tsx
+++ b/react/features/video-menu/components/native/SharedVideoMenu.tsx
@@ -70,7 +70,7 @@ class SharedVideoMenu extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const {
             _isParticipantAvailable,
             participantId
diff --git a/react/features/video-menu/components/native/VolumeSlider.tsx b/react/features/video-menu/components/native/VolumeSlider.tsx
index 3940a5c0b6..eb30aeb968 100644
--- a/react/features/video-menu/components/native/VolumeSlider.tsx
+++ b/react/features/video-menu/components/native/VolumeSlider.tsx
@@ -99,7 +99,7 @@ class VolumeSlider extends PureComponent<IProps, IState> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { _startSilent } = this.props;
         const { volumeLevel } = this.state;
         const onVolumeChange = _startSilent ? undefined : this._onVolumeChange;
diff --git a/react/features/video-menu/components/web/FlipLocalVideoButton.tsx b/react/features/video-menu/components/web/FlipLocalVideoButton.tsx
index 2d77952c99..14f755ad40 100644
--- a/react/features/video-menu/components/web/FlipLocalVideoButton.tsx
+++ b/react/features/video-menu/components/web/FlipLocalVideoButton.tsx
@@ -70,7 +70,7 @@ class FlipLocalVideoButton extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {null|ReactElement}
      */
-    render() {
+    override render() {
         const {
             className,
             t
diff --git a/react/features/video-menu/components/web/GrantModeratorDialog.tsx b/react/features/video-menu/components/web/GrantModeratorDialog.tsx
index b951d678e2..dec8213720 100644
--- a/react/features/video-menu/components/web/GrantModeratorDialog.tsx
+++ b/react/features/video-menu/components/web/GrantModeratorDialog.tsx
@@ -15,7 +15,7 @@ class GrantModeratorDialog extends AbstractGrantModeratorDialog {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <Dialog
                 ok = {{ translationKey: 'dialog.Yes' }}
diff --git a/react/features/video-menu/components/web/HideSelfViewVideoButton.tsx b/react/features/video-menu/components/web/HideSelfViewVideoButton.tsx
index 146505a8ba..797c56863c 100644
--- a/react/features/video-menu/components/web/HideSelfViewVideoButton.tsx
+++ b/react/features/video-menu/components/web/HideSelfViewVideoButton.tsx
@@ -71,7 +71,7 @@ class HideSelfViewVideoButton extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {null|ReactElement}
      */
-    render() {
+    override render() {
         const {
             className,
             t
diff --git a/react/features/video-menu/components/web/KickRemoteParticipantDialog.tsx b/react/features/video-menu/components/web/KickRemoteParticipantDialog.tsx
index 3e857bf9ae..7e752907ab 100644
--- a/react/features/video-menu/components/web/KickRemoteParticipantDialog.tsx
+++ b/react/features/video-menu/components/web/KickRemoteParticipantDialog.tsx
@@ -15,7 +15,7 @@ class KickRemoteParticipantDialog extends AbstractKickRemoteParticipantDialog {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <Dialog
                 ok = {{ translationKey: 'dialog.kickParticipantButton' }}
diff --git a/react/features/video-menu/components/web/MuteEveryoneDialog.tsx b/react/features/video-menu/components/web/MuteEveryoneDialog.tsx
index 0392c8aa54..f5500a622f 100644
--- a/react/features/video-menu/components/web/MuteEveryoneDialog.tsx
+++ b/react/features/video-menu/components/web/MuteEveryoneDialog.tsx
@@ -21,7 +21,7 @@ class MuteEveryoneDialog extends AbstractMuteEveryoneDialog<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <Dialog
                 ok = {{ translationKey: 'dialog.muteParticipantButton' }}
diff --git a/react/features/video-menu/components/web/MuteEveryonesVideoDialog.tsx b/react/features/video-menu/components/web/MuteEveryonesVideoDialog.tsx
index 78793d8747..3e6e5d4c0a 100644
--- a/react/features/video-menu/components/web/MuteEveryonesVideoDialog.tsx
+++ b/react/features/video-menu/components/web/MuteEveryonesVideoDialog.tsx
@@ -21,7 +21,7 @@ class MuteEveryonesVideoDialog extends AbstractMuteEveryonesVideoDialog<IProps>
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <Dialog
                 ok = {{ translationKey: 'dialog.muteParticipantsVideoButton' }}
diff --git a/react/features/video-menu/components/web/MuteRemoteParticipantsVideoDialog.tsx b/react/features/video-menu/components/web/MuteRemoteParticipantsVideoDialog.tsx
index c0d52ebba4..d6d36b8742 100644
--- a/react/features/video-menu/components/web/MuteRemoteParticipantsVideoDialog.tsx
+++ b/react/features/video-menu/components/web/MuteRemoteParticipantsVideoDialog.tsx
@@ -20,7 +20,7 @@ class MuteRemoteParticipantsVideoDialog extends AbstractMuteRemoteParticipantsVi
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <Dialog
                 ok = {{ translationKey: 'dialog.muteParticipantsVideoButton' }}
diff --git a/react/features/video-menu/components/web/PrivateMessageMenuButton.tsx b/react/features/video-menu/components/web/PrivateMessageMenuButton.tsx
index 6d30e5a32d..9606b91545 100644
--- a/react/features/video-menu/components/web/PrivateMessageMenuButton.tsx
+++ b/react/features/video-menu/components/web/PrivateMessageMenuButton.tsx
@@ -57,7 +57,7 @@ class PrivateMessageMenuButton extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { _hidden, t } = this.props;
 
         if (_hidden) {
diff --git a/react/features/video-menu/components/web/RemoteControlButton.tsx b/react/features/video-menu/components/web/RemoteControlButton.tsx
index 6811947839..3366e5c183 100644
--- a/react/features/video-menu/components/web/RemoteControlButton.tsx
+++ b/react/features/video-menu/components/web/RemoteControlButton.tsx
@@ -77,7 +77,7 @@ class RemoteControlButton extends Component<IProps> {
      * @inheritdoc
      * @returns {null|ReactElement}
      */
-    render() {
+    override render() {
         const { remoteControlState, t } = this.props;
 
         let disabled = false, icon;
diff --git a/react/features/video-quality/components/VideoQualityButton.web.ts b/react/features/video-quality/components/VideoQualityButton.web.ts
index 85d45080c2..3eaec83000 100644
--- a/react/features/video-quality/components/VideoQualityButton.web.ts
+++ b/react/features/video-quality/components/VideoQualityButton.web.ts
@@ -35,10 +35,10 @@ interface IProps extends AbstractButtonProps {
  * @augments Component
  */
 class VideoQualityButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.callQuality';
-    label = 'videoStatus.performanceSettings';
-    tooltip = 'videoStatus.performanceSettings';
-    icon = IconPerformance;
+    override accessibilityLabel = 'toolbar.accessibilityLabel.callQuality';
+    override label = 'videoStatus.performanceSettings';
+    override tooltip = 'videoStatus.performanceSettings';
+    override icon = IconPerformance;
 
     /**
     * Handles clicking the button, and opens the video quality dialog.
@@ -46,7 +46,7 @@ class VideoQualityButton extends AbstractButton<IProps> {
     * @private
     * @returns {void}
     */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         sendAnalytics(createToolbarEvent('video.quality'));
diff --git a/react/features/video-quality/components/VideoQualityDialog.web.tsx b/react/features/video-quality/components/VideoQualityDialog.web.tsx
index f4b25cf476..7f111f729c 100644
--- a/react/features/video-quality/components/VideoQualityDialog.web.tsx
+++ b/react/features/video-quality/components/VideoQualityDialog.web.tsx
@@ -17,7 +17,7 @@ export default class VideoQualityDialog extends Component {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         return (
             <Dialog
                 cancel = {{ hidden: true }}
diff --git a/react/features/video-quality/components/VideoQualityLabel.native.tsx b/react/features/video-quality/components/VideoQualityLabel.native.tsx
index b5505d9a36..d4e318500e 100644
--- a/react/features/video-quality/components/VideoQualityLabel.native.tsx
+++ b/react/features/video-quality/components/VideoQualityLabel.native.tsx
@@ -38,7 +38,7 @@ class VideoQualityLabel extends Component<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { _audioOnly, style, t } = this.props;
 
         if (!_audioOnly) {
diff --git a/react/features/video-quality/components/VideoQualitySlider.web.tsx b/react/features/video-quality/components/VideoQualitySlider.web.tsx
index ae5c1aab7f..a9ddd68665 100644
--- a/react/features/video-quality/components/VideoQualitySlider.web.tsx
+++ b/react/features/video-quality/components/VideoQualitySlider.web.tsx
@@ -181,7 +181,7 @@ class VideoQualitySlider extends Component<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         const { t } = this.props;
         const classes = withStyles.getClasses(this.props);
         const activeSliderOption = this._mapCurrentQualityToSliderValue();
diff --git a/react/features/virtual-background/components/VideoBackgroundButton.ts b/react/features/virtual-background/components/VideoBackgroundButton.ts
index a4b1e6af5a..e28efb636a 100644
--- a/react/features/virtual-background/components/VideoBackgroundButton.ts
+++ b/react/features/virtual-background/components/VideoBackgroundButton.ts
@@ -24,10 +24,10 @@ interface IProps extends AbstractButtonProps {
  * An abstract implementation of a button that toggles the video background dialog.
  */
 class VideoBackgroundButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.selectBackground';
-    icon = IconImage;
-    label = 'toolbar.selectBackground';
-    tooltip = 'toolbar.selectBackground';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.selectBackground';
+    override icon = IconImage;
+    override label = 'toolbar.selectBackground';
+    override tooltip = 'toolbar.selectBackground';
 
     /**
      * Handles clicking / pressing the button, and toggles the virtual background dialog
@@ -36,7 +36,7 @@ class VideoBackgroundButton extends AbstractButton<IProps> {
      * @protected
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch } = this.props;
 
         dispatch(openSettingsDialog(SETTINGS_TABS.VIRTUAL_BACKGROUND));
@@ -49,7 +49,7 @@ class VideoBackgroundButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._isBackgroundEnabled;
     }
 }
diff --git a/react/features/virtual-background/components/VirtualBackgroundPreview.tsx b/react/features/virtual-background/components/VirtualBackgroundPreview.tsx
index 0fb0c2fb3e..382aa827cc 100644
--- a/react/features/virtual-background/components/VirtualBackgroundPreview.tsx
+++ b/react/features/virtual-background/components/VirtualBackgroundPreview.tsx
@@ -255,7 +255,7 @@ class VirtualBackgroundPreview extends PureComponent<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         this._setTracks();
     }
 
@@ -264,7 +264,7 @@ class VirtualBackgroundPreview extends PureComponent<IProps, IState> {
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this._componentWasUnmounted = true;
         this._stopStream(this.state.jitsiTrack);
     }
@@ -274,7 +274,7 @@ class VirtualBackgroundPreview extends PureComponent<IProps, IState> {
      *
      * @inheritdoc
      */
-    async componentDidUpdate(prevProps: IProps) {
+    override async componentDidUpdate(prevProps: IProps) {
         if (!equals(this.props.selectedVideoInputId, prevProps.selectedVideoInputId)) {
             this._setTracks();
         }
@@ -288,7 +288,7 @@ class VirtualBackgroundPreview extends PureComponent<IProps, IState> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { jitsiTrack } = this.state;
         const classes = withStyles.getClasses(this.props);
 
diff --git a/react/features/welcome/components/AbstractWelcomePage.ts b/react/features/welcome/components/AbstractWelcomePage.ts
index a85c4160c7..e9114cd83c 100644
--- a/react/features/welcome/components/AbstractWelcomePage.ts
+++ b/react/features/welcome/components/AbstractWelcomePage.ts
@@ -95,7 +95,7 @@ export class AbstractWelcomePage<P extends IProps> extends Component<P, IState>
      * @property {number|null} updateTimeoutId - Identifier of the timeout
      * updating the generated room name.
      */
-    state: IState = {
+    override state: IState = {
         animateTimeoutId: undefined,
         generatedRoomName: '',
         generateRoomNames: undefined,
@@ -134,7 +134,7 @@ export class AbstractWelcomePage<P extends IProps> extends Component<P, IState>
      *
      * @inheritdoc
      */
-    componentDidMount() {
+    override componentDidMount() {
         this._mounted = true;
         sendAnalytics(createWelcomePageEvent('viewed', undefined, { value: 1 }));
     }
@@ -145,7 +145,7 @@ export class AbstractWelcomePage<P extends IProps> extends Component<P, IState>
      *
      * @inheritdoc
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         this._clearTimeouts();
         this._mounted = false;
     }
diff --git a/react/features/welcome/components/WelcomePage.native.tsx b/react/features/welcome/components/WelcomePage.native.tsx
index 8da477fa10..20aac7b468 100644
--- a/react/features/welcome/components/WelcomePage.native.tsx
+++ b/react/features/welcome/components/WelcomePage.native.tsx
@@ -90,7 +90,7 @@ class WelcomePage extends AbstractWelcomePage<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         super.componentDidMount();
 
         const {
@@ -124,7 +124,7 @@ class WelcomePage extends AbstractWelcomePage<IProps> {
      * @inheritdoc
      * @returns {ReactElement}
      */
-    render() {
+    override render() {
         // We want to have the welcome page support the reduced UI layout,
         // but we ran into serious issues enabling it so we disable it
         // until we have a proper fix in place. We leave the code here though, because
diff --git a/react/features/welcome/components/WelcomePage.web.tsx b/react/features/welcome/components/WelcomePage.web.tsx
index 2f68552904..75ea2e3175 100644
--- a/react/features/welcome/components/WelcomePage.web.tsx
+++ b/react/features/welcome/components/WelcomePage.web.tsx
@@ -141,7 +141,7 @@ class WelcomePage extends AbstractWelcomePage<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         super.componentDidMount();
 
         document.body.classList.add('welcome-page');
@@ -175,7 +175,7 @@ class WelcomePage extends AbstractWelcomePage<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentWillUnmount() {
+    override componentWillUnmount() {
         super.componentWillUnmount();
 
         document.body.classList.remove('welcome-page');
@@ -187,7 +187,7 @@ class WelcomePage extends AbstractWelcomePage<IProps> {
      * @inheritdoc
      * @returns {ReactElement|null}
      */
-    render() {
+    override render() {
         const { _moderatedRoomServiceUrl, t } = this.props;
         const { DEFAULT_WELCOME_PAGE_LOGO_URL, DISPLAY_WELCOME_FOOTER } = interfaceConfig;
         const showAdditionalCard = this._shouldShowAdditionalCard();
@@ -309,7 +309,7 @@ class WelcomePage extends AbstractWelcomePage<IProps> {
      *
      * @inheritdoc
      */
-    _doRenderInsecureRoomNameWarning() {
+    override _doRenderInsecureRoomNameWarning() {
         return (
             <div className = 'insecure-room-name-warning'>
                 <Icon src = { IconWarning } />
diff --git a/react/features/whiteboard/components/native/Whiteboard.tsx b/react/features/whiteboard/components/native/Whiteboard.tsx
index 9a016aaf59..1c4bae377e 100644
--- a/react/features/whiteboard/components/native/Whiteboard.tsx
+++ b/react/features/whiteboard/components/native/Whiteboard.tsx
@@ -85,7 +85,7 @@ class Whiteboard extends PureComponent<IProps> {
      * @inheritdoc
      * @returns {void}
      */
-    componentDidMount() {
+    override componentDidMount() {
         const { navigation, t } = this.props;
         const headerLeft = () => {
             if (Platform.OS === 'ios') {
@@ -111,7 +111,7 @@ class Whiteboard extends PureComponent<IProps> {
      *
      * @inheritdoc
      */
-    render() {
+    override render() {
         const { locationHref, route } = this.props;
         const collabServerUrl = safeDecodeURIComponent(route.params?.collabServerUrl);
         const localParticipantName = safeDecodeURIComponent(route.params?.localParticipantName);
diff --git a/react/features/whiteboard/components/native/WhiteboardButton.tsx b/react/features/whiteboard/components/native/WhiteboardButton.tsx
index ce3e80c291..cb720e1bc1 100644
--- a/react/features/whiteboard/components/native/WhiteboardButton.tsx
+++ b/react/features/whiteboard/components/native/WhiteboardButton.tsx
@@ -11,10 +11,10 @@ import { isWhiteboardButtonVisible } from '../../functions';
  * Component that renders a toolbar button for the whiteboard.
  */
 class WhiteboardButton extends AbstractButton<AbstractButtonProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.showWhiteboard';
-    icon = IconWhiteboard;
-    label = 'toolbar.showWhiteboard';
-    tooltip = 'toolbar.showWhiteboard';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.showWhiteboard';
+    override icon = IconWhiteboard;
+    override label = 'toolbar.showWhiteboard';
+    override tooltip = 'toolbar.showWhiteboard';
 
     /**
      * Handles clicking / pressing the button, and opens the whiteboard view.
@@ -22,7 +22,7 @@ class WhiteboardButton extends AbstractButton<AbstractButtonProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         this.props.dispatch(setWhiteboardOpen(true));
     }
 }
diff --git a/react/features/whiteboard/components/web/WhiteboardApp.tsx b/react/features/whiteboard/components/web/WhiteboardApp.tsx
index 6ddb0efa26..7a99a423a9 100644
--- a/react/features/whiteboard/components/web/WhiteboardApp.tsx
+++ b/react/features/whiteboard/components/web/WhiteboardApp.tsx
@@ -23,7 +23,7 @@ export default class WhiteboardApp extends BaseApp<any> {
      *
      * @returns {void}
      */
-    async componentDidMount() {
+    override async componentDidMount() {
         await super.componentDidMount();
 
         const { state } = parseURLParams(window.location.href, true);
@@ -74,7 +74,7 @@ export default class WhiteboardApp extends BaseApp<any> {
      *
      * @override
      */
-    _createMainElement(component: ComponentType<any>, props: Object) {
+    override _createMainElement(component: ComponentType<any>, props: Object) {
         return (
             <JitsiThemeProvider>
                 <GlobalStyles />
@@ -88,7 +88,7 @@ export default class WhiteboardApp extends BaseApp<any> {
      *
      * @returns {React$Element}
      */
-    _renderDialogContainer() {
+    override _renderDialogContainer() {
         return null;
     }
 }
diff --git a/react/features/whiteboard/components/web/WhiteboardButton.tsx b/react/features/whiteboard/components/web/WhiteboardButton.tsx
index 7ed69537c3..a522595427 100644
--- a/react/features/whiteboard/components/web/WhiteboardButton.tsx
+++ b/react/features/whiteboard/components/web/WhiteboardButton.tsx
@@ -20,14 +20,14 @@ interface IProps extends AbstractButtonProps {
  * Component that renders a toolbar button for the whiteboard.
  */
 class WhiteboardButton extends AbstractButton<IProps> {
-    accessibilityLabel = 'toolbar.accessibilityLabel.showWhiteboard';
-    toggledAccessibilityLabel = 'toolbar.accessibilityLabel.hideWhiteboard';
-    icon = IconWhiteboard;
-    label = 'toolbar.showWhiteboard';
-    toggledIcon = IconWhiteboardHide;
-    toggledLabel = 'toolbar.hideWhiteboard';
-    toggledTooltip = 'toolbar.hideWhiteboard';
-    tooltip = 'toolbar.showWhiteboard';
+    override accessibilityLabel = 'toolbar.accessibilityLabel.showWhiteboard';
+    override toggledAccessibilityLabel = 'toolbar.accessibilityLabel.hideWhiteboard';
+    override icon = IconWhiteboard;
+    override label = 'toolbar.showWhiteboard';
+    override toggledIcon = IconWhiteboardHide;
+    override toggledLabel = 'toolbar.hideWhiteboard';
+    override toggledTooltip = 'toolbar.hideWhiteboard';
+    override tooltip = 'toolbar.showWhiteboard';
 
     /**
      * Handles clicking / pressing the button, and opens / closes the whiteboard view.
@@ -35,7 +35,7 @@ class WhiteboardButton extends AbstractButton<IProps> {
      * @private
      * @returns {void}
      */
-    _handleClick() {
+    override _handleClick() {
         const { dispatch, _toggled } = this.props;
 
         dispatch(setWhiteboardOpen(!_toggled));
@@ -49,7 +49,7 @@ class WhiteboardButton extends AbstractButton<IProps> {
      * @protected
      * @returns {boolean}
      */
-    _isToggled() {
+    override _isToggled() {
         return this.props._toggled;
     }
 }
diff --git a/tsconfig.web.json b/tsconfig.web.json
index 25f045649b..1907dd13e0 100644
--- a/tsconfig.web.json
+++ b/tsconfig.web.json
@@ -10,6 +10,7 @@
         "moduleResolution": "Node",
         "strict": true,
         "noImplicitAny": true,
+        "noImplicitOverride": true,
         "strictPropertyInitialization": false,
         "resolveJsonModule": true,
         "moduleSuffixes": [".web", ""]