refactor: JSX automatic runtime (#34498)

.vscode/client.code-snippets

@@ -4,7 +4,6 @@
     "prefix": "sbmodule",
     "body": [
       "import type { Meta, StoryFn } from '@storybook/react';",
-      "import React from 'react';",
       "",
       "import $1 from './$1';",
       "",

apps/meteor/.babelrc

@@ -9,6 +9,14 @@
 			}
 		]
 	],
+	"plugins": [
+    [
+      "@babel/plugin-transform-react-jsx",
+      {
+        "runtime": "automatic"
+      }
+    ]
+  ],
 	"env": {
 		"coverage": {
 			"plugins": [

apps/meteor/.storybook/decorators.tsx

@@ -1,6 +1,5 @@
 import { mockAppRoot } from '@rocket.chat/mock-providers';
 import type { Decorator } from '@storybook/react';
-import React from 'react';
 
 import ModalContextMock from '../client/stories/contexts/ModalContextMock';
 import RouterContextMock from '../client/stories/contexts/RouterContextMock';

apps/meteor/app/livechat-enterprise/client/components/modals/PlaceChatOnHoldModal.tsx

@@ -1,5 +1,4 @@
 import { Button, Modal } from '@rocket.chat/fuselage';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 type PlaceChatOnHoldModalProps = {

apps/meteor/app/ui-message/client/messageBox/AddLinkComposerActionModal.tsx

@@ -1,6 +1,6 @@
 import { Field, FieldGroup, TextInput, FieldLabel, FieldRow, Box } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { useForm, Controller } from 'react-hook-form';
 import { useTranslation } from 'react-i18next';
 

apps/meteor/client/NavBarV2/NavBar.tsx

@@ -2,7 +2,7 @@ import { useToolbar } from '@react-aria/toolbar';
 import { NavBar as NavBarComponent, NavBarSection, NavBarGroup, NavBarDivider } from '@rocket.chat/fuselage';
 import { usePermission, useTranslation, useUser } from '@rocket.chat/ui-contexts';
 import { useVoipState } from '@rocket.chat/ui-voip';
-import React, { useRef } from 'react';
+import { useRef } from 'react';
 
 import {
 	NavBarItemOmniChannelCallDialPad,

apps/meteor/client/NavBarV2/NavBarOmnichannelToolbar/NavBarItemOmniChannelCallDialPad.tsx

@@ -1,6 +1,5 @@
 import { NavBarItem } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useVoipOutboundStates } from '../../contexts/CallContext';

apps/meteor/client/NavBarV2/NavBarOmnichannelToolbar/NavBarItemOmnichannelCallToggle.tsx

@@ -1,5 +1,4 @@
 import type { ComponentPropsWithoutRef } from 'react';
-import React from 'react';
 
 import NavBarItemOmnichannelCallToggleError from './NavBarItemOmnichannelCallToggleError';
 import NavBarItemOmnichannelCallToggleLoading from './NavBarItemOmnichannelCallToggleLoading';

apps/meteor/client/NavBarV2/NavBarOmnichannelToolbar/NavBarItemOmnichannelCallToggleError.tsx

@@ -1,6 +1,5 @@
 import { NavBarItem } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 type NavBarItemOmnichannelCallToggleErrorProps = ComponentPropsWithoutRef<typeof NavBarItem>;

apps/meteor/client/NavBarV2/NavBarOmnichannelToolbar/NavBarItemOmnichannelCallToggleLoading.tsx

@@ -1,6 +1,5 @@
 import { NavBarItem } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 type NavBarItemOmnichannelCallToggleLoadingProps = ComponentPropsWithoutRef<typeof NavBarItem>;

apps/meteor/client/NavBarV2/NavBarOmnichannelToolbar/NavBarItemOmnichannelCallToggleReady.tsx

@@ -1,6 +1,6 @@
 import { NavBarItem } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useCallerInfo, useCallRegisterClient, useCallUnregisterClient, useVoipNetworkStatus } from '../../contexts/CallContext';

apps/meteor/client/NavBarV2/NavBarOmnichannelToolbar/NavBarItemOmnichannelContact.tsx

@@ -1,7 +1,6 @@
 import { NavBarItem } from '@rocket.chat/fuselage';
 import { useRouter, useCurrentRoutePath } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
-import React from 'react';
 
 type NavBarItemOmnichannelContactProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 

apps/meteor/client/NavBarV2/NavBarOmnichannelToolbar/NavBarItemOmnichannelLivechatToggle.tsx

@@ -2,7 +2,6 @@ import { Sidebar } from '@rocket.chat/fuselage';
 import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
 import { useEndpoint, useToastMessageDispatch } from '@rocket.chat/ui-contexts';
 import type { ReactElement, ComponentProps } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useOmnichannelAgentAvailable } from '../../hooks/omnichannel/useOmnichannelAgentAvailable';

apps/meteor/client/NavBarV2/NavBarOmnichannelToolbar/NavBarItemOmnichannelQueue.tsx

@@ -1,7 +1,6 @@
 import { NavBarItem } from '@rocket.chat/fuselage';
 import { useRouter, useCurrentRoutePath } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
-import React from 'react';
 
 type NavBarItemOmnichannelQueueProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 

apps/meteor/client/NavBarV2/NavBarPagesToolbar/NavBarItemAuditMenu.tsx

@@ -2,7 +2,6 @@ import { NavBarItem } from '@rocket.chat/fuselage';
 import { GenericMenu } from '@rocket.chat/ui-client';
 import { useCurrentRoutePath } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useAuditMenu } from './hooks/useAuditMenu';

apps/meteor/client/NavBarV2/NavBarPagesToolbar/NavBarItemDirectoryPage.tsx

@@ -2,7 +2,6 @@ import { NavBarItem } from '@rocket.chat/fuselage';
 import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
 import { useRouter, useCurrentRoutePath } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
-import React from 'react';
 
 type NavBarItemDirectoryPageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 

apps/meteor/client/NavBarV2/NavBarPagesToolbar/NavBarItemHomePage.tsx

@@ -2,7 +2,6 @@ import { NavBarItem } from '@rocket.chat/fuselage';
 import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
 import { useRouter, useLayout, useSetting, useCurrentRoutePath } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
-import React from 'react';
 
 type NavBarItemHomePageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;
 

apps/meteor/client/NavBarV2/NavBarPagesToolbar/NavBarItemMarketPlaceMenu.tsx

@@ -2,7 +2,6 @@ import { NavBarItem } from '@rocket.chat/fuselage';
 import { GenericMenu } from '@rocket.chat/ui-client';
 import { useCurrentRoutePath } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useMarketPlaceMenu } from './hooks/useMarketPlaceMenu';

apps/meteor/client/NavBarV2/NavBarPagesToolbar/hooks/useMarketPlaceMenu.tsx

@@ -1,7 +1,6 @@
 import { Badge, Skeleton } from '@rocket.chat/fuselage';
 import type { GenericMenuItemProps } from '@rocket.chat/ui-client';
 import { useTranslation, usePermission, useRouter } from '@rocket.chat/ui-contexts';
-import React from 'react';
 
 import { useUserDropdownAppsActionButtons } from '../../../hooks/useUserDropdownAppsActionButtons';
 import { useAppRequestStats } from '../../../views/marketplace/hooks/useAppRequestStats';

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/NavBarItemAdministrationMenu.tsx

@@ -2,7 +2,6 @@ import { NavBarItem } from '@rocket.chat/fuselage';
 import { GenericMenu } from '@rocket.chat/ui-client';
 import { useCurrentRoutePath } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useAdministrationMenu } from './hooks/useAdministrationMenu';

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/NavBarItemLoginPage.tsx

@@ -1,7 +1,6 @@
 import { Button } from '@rocket.chat/fuselage';
 import { useSessionDispatch } from '@rocket.chat/ui-contexts';
 import type { HTMLAttributes } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 type NavBarItemLoginPageProps = Omit<HTMLAttributes<HTMLElement>, 'is'>;

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/UserMenu/EditStatusModal.tsx

@@ -3,7 +3,7 @@ import { Field, TextInput, FieldGroup, Modal, Button, Box, FieldLabel, FieldRow,
 import { useEffectEvent, useLocalStorage } from '@rocket.chat/fuselage-hooks';
 import { useToastMessageDispatch, useSetting, useTranslation, useEndpoint } from '@rocket.chat/ui-contexts';
 import type { ReactElement, ChangeEvent, ComponentProps, FormEvent } from 'react';
-import React, { useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 
 import UserStatusMenu from '../../../components/UserStatusMenu';
 import { USER_STATUS_TEXT_MAX_LENGTH } from '../../../lib/constants';

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/UserMenu/UserMenu.tsx

@@ -2,7 +2,7 @@ import type { IUser } from '@rocket.chat/core-typings';
 import { GenericMenu, useHandleMenuAction } from '@rocket.chat/ui-client';
 import type { GenericMenuItemProps } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { memo, useState } from 'react';
+import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import UserMenuButton from './UserMenuButton';

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/UserMenu/UserMenuButton.tsx

@@ -3,7 +3,7 @@ import { Box, IconButton } from '@rocket.chat/fuselage';
 import { UserAvatar } from '@rocket.chat/ui-avatar';
 import { useSetting, useUser } from '@rocket.chat/ui-contexts';
 import type { ComponentPropsWithoutRef, ForwardedRef } from 'react';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 import { UserStatus } from '../../../components/UserStatus';
 

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/UserMenu/UserMenuHeader.tsx

@@ -2,7 +2,6 @@ import type { IUser } from '@rocket.chat/core-typings';
 import { Box, Margins } from '@rocket.chat/fuselage';
 import { UserAvatar } from '@rocket.chat/ui-avatar';
 import { useSetting } from '@rocket.chat/ui-contexts';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import MarkdownText from '../../../components/MarkdownText';

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/UserMenu/hooks/useAccountItems.tsx

@@ -3,7 +3,6 @@ import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
 import type { GenericMenuItemProps } from '@rocket.chat/ui-client';
 import { defaultFeaturesPreview, usePreferenceFeaturePreviewList } from '@rocket.chat/ui-client';
 import { useRouter } from '@rocket.chat/ui-contexts';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 export const useAccountItems = (): GenericMenuItemProps[] => {

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/UserMenu/hooks/useCustomStatusModalHandler.tsx

@@ -1,5 +1,4 @@
 import { useSetModal, useUser } from '@rocket.chat/ui-contexts';
-import React from 'react';
 
 import EditStatusModal from '../EditStatusModal';
 

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/UserMenu/hooks/useStatusItems.tsx

@@ -2,7 +2,7 @@ import { Box } from '@rocket.chat/fuselage';
 import type { GenericMenuItemProps } from '@rocket.chat/ui-client';
 import { useEndpoint, useSetting } from '@rocket.chat/ui-contexts';
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
-import React, { useEffect } from 'react';
+import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useCustomStatusModalHandler } from './useCustomStatusModalHandler';

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/UserMenu/hooks/useUserMenu.tsx

@@ -2,7 +2,6 @@ import type { IUser } from '@rocket.chat/core-typings';
 import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
 import type { GenericMenuItemProps } from '@rocket.chat/ui-client';
 import { useLogout } from '@rocket.chat/ui-contexts';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import UserMenuHeader from '../UserMenuHeader';

apps/meteor/client/NavBarV2/NavBarSettingsToolbar/UserMenu/hooks/useVoipItemsSection.tsx

@@ -3,7 +3,7 @@ import type { GenericMenuItemProps } from '@rocket.chat/ui-client';
 import { useToastMessageDispatch } from '@rocket.chat/ui-contexts';
 import { useVoipAPI, useVoipState } from '@rocket.chat/ui-voip';
 import { useMutation } from '@tanstack/react-query';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 export const useVoipItemsSection = (): { items: GenericMenuItemProps[] } | undefined => {

apps/meteor/client/NavBarV2/NavBarVoipToolbar/NavBarItemVoipDialer.tsx

@@ -3,7 +3,7 @@ import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
 import { useLayout } from '@rocket.chat/ui-contexts';
 import { useVoipDialer, useVoipState } from '@rocket.chat/ui-voip';
 import type { HTMLAttributes } from 'react';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 type NavBarItemVoipDialerProps = Omit<HTMLAttributes<HTMLElement>, 'is'> & {

apps/meteor/client/apps/gameCenter/GameCenter.tsx

@@ -1,6 +1,6 @@
 import type { IExternalComponent } from '@rocket.chat/apps-engine/definition/externalComponent';
 import { useMutableCallback } from '@rocket.chat/fuselage-hooks';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import type { ReactElement } from 'react';
 
 import GameCenterContainer from './GameCenterContainer';

apps/meteor/client/apps/gameCenter/GameCenterContainer.tsx

@@ -1,6 +1,5 @@
 import { Avatar } from '@rocket.chat/fuselage';
 import type { ReactElement } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import type { IGame } from './GameCenter';

apps/meteor/client/apps/gameCenter/GameCenterInvitePlayersModal.tsx

@@ -1,7 +1,7 @@
 import type { IUser } from '@rocket.chat/core-typings';
 import { Box } from '@rocket.chat/fuselage';
 import type { ReactElement } from 'react';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import type { IGame } from './GameCenter';

apps/meteor/client/apps/gameCenter/GameCenterList.tsx

@@ -1,7 +1,7 @@
 import { Avatar, Icon, Table, TableBody, TableCell, TableHead, TableRow } from '@rocket.chat/fuselage';
 import { useSetModal } from '@rocket.chat/ui-contexts';
 import type { ReactElement } from 'react';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import type { IGame } from './GameCenter';
@@ -20,7 +20,7 @@ const GameCenterList = ({ handleClose, handleOpenGame, games, isLoading }: IGame
 	const { t } = useTranslation();
 	const setModal = useSetModal();
 	const handleInvitePlayer = useCallback(
-		(game) => {
+		(game: IGame) => {
 			const handleClose = (): void => {
 				setModal(null);
 			};

apps/meteor/client/components/ActionManagerBusyState.tsx

@@ -1,6 +1,6 @@
 import { css } from '@rocket.chat/css-in-js';
 import { Box } from '@rocket.chat/fuselage';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useUiKitActionManager } from '../uikit/hooks/useUiKitActionManager';

apps/meteor/client/components/AutoCompleteAgent.tsx

@@ -1,7 +1,7 @@
 import { PaginatedSelectFiltered } from '@rocket.chat/fuselage';
 import { useDebouncedValue } from '@rocket.chat/fuselage-hooks';
 import type { ReactElement } from 'react';
-import React, { memo, useMemo, useState } from 'react';
+import { memo, useMemo, useState } from 'react';
 
 import { useRecordList } from '../hooks/lists/useRecordList';
 import { AsyncStatePhase } from '../lib/asyncState';

apps/meteor/client/components/AutoCompleteAgentWithoutExtension.tsx

@@ -1,7 +1,7 @@
 import type { ILivechatAgent } from '@rocket.chat/core-typings';
 import { PaginatedSelectFiltered } from '@rocket.chat/fuselage';
 import { useDebouncedValue } from '@rocket.chat/fuselage-hooks';
-import React, { memo, useMemo, useState } from 'react';
+import { memo, useMemo, useState } from 'react';
 
 import { useRecordList } from '../hooks/lists/useRecordList';
 import { AsyncStatePhase } from '../lib/asyncState';

apps/meteor/client/components/AutoCompleteDepartment.tsx

@@ -1,7 +1,7 @@
 import { PaginatedSelectFiltered } from '@rocket.chat/fuselage';
 import { useDebouncedValue } from '@rocket.chat/fuselage-hooks';
 import type { ComponentProps, ReactElement } from 'react';
-import React, { memo, useMemo, useState } from 'react';
+import { memo, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useRecordList } from '../hooks/lists/useRecordList';

apps/meteor/client/components/AutoCompleteDepartmentMultiple.tsx

@@ -2,7 +2,7 @@ import { CheckOption, PaginatedMultiSelectFiltered } from '@rocket.chat/fuselage
 import type { PaginatedMultiSelectOption } from '@rocket.chat/fuselage';
 import { useDebouncedValue } from '@rocket.chat/fuselage-hooks';
 import type { ComponentProps } from 'react';
-import React, { memo, useMemo, useState } from 'react';
+import { memo, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { useRecordList } from '../hooks/lists/useRecordList';

apps/meteor/client/components/Backdrop.tsx

@@ -1,6 +1,5 @@
 import { Modal } from '@rocket.chat/fuselage';
 import type { ComponentProps, ReactElement } from 'react';
-import React from 'react';
 
 type BackdropProps = ComponentProps<typeof Modal.Backdrop>;
 

apps/meteor/client/components/ConfirmOwnerChangeModal.tsx

@@ -1,6 +1,5 @@
 import { Box } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import GenericModal from './GenericModal';

apps/meteor/client/components/Contextualbar/Contextualbar.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarV2, Contextualbar as ContextualbarComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { forwardRef, memo } from 'react';
+import { forwardRef, memo } from 'react';
 
 const Contextualbar = forwardRef<HTMLElement, ComponentProps<typeof ContextualbarComponent>>(function Contextualbar(props, ref) {
 	return (

apps/meteor/client/components/Contextualbar/ContextualbarAction.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarAction as ContextualbarActionComponent, ContextualbarV2Action } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const ContextualbarAction = (props: ComponentProps<typeof ContextualbarActionComponent>) => (
 	<FeaturePreview feature='newNavigation'>

apps/meteor/client/components/Contextualbar/ContextualbarActions.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarV2Actions, ContextualbarActions as ContextualbarActionsComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const ContextualbarActions = (props: ComponentProps<typeof ContextualbarActionsComponent>) => (
 	<FeaturePreview feature='newNavigation'>

apps/meteor/client/components/Contextualbar/ContextualbarBack.tsx

@@ -1,5 +1,5 @@
 import type { ReactElement, ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import ContextualbarAction from './ContextualbarAction';

apps/meteor/client/components/Contextualbar/ContextualbarButton.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarV2Button, ContextualbarButton as ContextualbarButtonComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const ContextualbarButton = (props: ComponentProps<typeof ContextualbarButtonComponent>) => (
 	<FeaturePreview feature='newNavigation'>

apps/meteor/client/components/Contextualbar/ContextualbarClose.tsx

@@ -1,5 +1,5 @@
 import type { ComponentProps, ReactElement } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import ContextualbarAction from './ContextualbarAction';

apps/meteor/client/components/Contextualbar/ContextualbarContent.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarV2Content, ContextualbarContent as ContextualbarContentComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { forwardRef, memo } from 'react';
+import { forwardRef, memo } from 'react';
 
 const ContextualbarContent = forwardRef<HTMLElement, ComponentProps<typeof ContextualbarContentComponent>>(
 	function ContextualbarContent(props, ref) {

apps/meteor/client/components/Contextualbar/ContextualbarDialog.tsx

@@ -1,7 +1,7 @@
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import { useLayoutSizes, useLayoutContextualBarPosition } from '@rocket.chat/ui-contexts';
-import type { ComponentProps, KeyboardEvent } from 'react';
-import React, { useCallback, useRef } from 'react';
+import type { ComponentProps } from 'react';
+import { useCallback, useRef } from 'react';
 import type { AriaDialogProps } from 'react-aria';
 import { FocusScope, useDialog } from 'react-aria';
 
@@ -16,14 +16,14 @@ type ContextualbarDialogProps = AriaDialogProps & ComponentProps<typeof Contextu
  * @prop closeTab only work inside a room
  * */
 const ContextualbarDialog = (props: ContextualbarDialogProps) => {
-	const ref = useRef(null);
+	const ref = useRef<HTMLElement | null>(null);
 	const { dialogProps } = useDialog({ 'aria-labelledby': 'contextualbarTitle', ...props }, ref);
 	const { contextualBar } = useLayoutSizes();
 	const position = useLayoutContextualBarPosition();
 	const { closeTab } = useRoomToolbox();
 
 	const callbackRef = useCallback(
-		(node) => {
+		(node: HTMLElement | null) => {
 			if (!node) {
 				return;
 			}

apps/meteor/client/components/Contextualbar/ContextualbarEmptyContent.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarV2EmptyContent, ContextualbarEmptyContent as ContextualbarEmptyContentComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { forwardRef, memo } from 'react';
+import { forwardRef, memo } from 'react';
 
 const ContextualbarEmptyContent = forwardRef<HTMLElement, ComponentProps<typeof ContextualbarEmptyContentComponent>>(
 	function ContextualbarEmptyContent(props, ref) {

apps/meteor/client/components/Contextualbar/ContextualbarFooter.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarV2Footer, ContextualbarFooter as ContextualbarFooterComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { forwardRef, memo } from 'react';
+import { forwardRef, memo } from 'react';
 
 const ContextualbarFooter = forwardRef<HTMLElement, ComponentProps<typeof ContextualbarFooterComponent>>(
 	function ContextualbarFooter(props, ref) {

apps/meteor/client/components/Contextualbar/ContextualbarHeader.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarV2Header, ContextualbarHeader as ContextualbarHeaderComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentPropsWithoutRef, ReactNode } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 type ContextualbarHeaderProps = {
 	expanded?: boolean;

apps/meteor/client/components/Contextualbar/ContextualbarIcon.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarV2Icon, ContextualbarIcon as ContextualbarIconComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const ContextualbarIcon = (props: ComponentProps<typeof ContextualbarIconComponent>) => (
 	<FeaturePreview feature='newNavigation'>

apps/meteor/client/components/Contextualbar/ContextualbarInnerContent.tsx

@@ -1,6 +1,6 @@
 import { Box } from '@rocket.chat/fuselage';
 import type { ReactElement, ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const ContextualbarInnerContent = (props: ComponentProps<typeof Box>): ReactElement => (
 	<Box rcx-vertical-bar--inner-content position='absolute' height='full' display='flex' insetInline={0} {...props} />

apps/meteor/client/components/Contextualbar/ContextualbarResizable.tsx

@@ -3,7 +3,6 @@ import { Palette, Box } from '@rocket.chat/fuselage';
 import { useLocalStorage } from '@rocket.chat/fuselage-hooks';
 import { Resizable } from 're-resizable';
 import type { ComponentProps } from 'react';
-import React from 'react';
 
 type ContextualbarResizableProps = { defaultWidth: string } & ComponentProps<typeof Resizable>;
 

apps/meteor/client/components/Contextualbar/ContextualbarScrollableContent.tsx

@@ -1,6 +1,6 @@
 import { Margins } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
-import React, { forwardRef, memo } from 'react';
+import { forwardRef, memo } from 'react';
 
 import { PageScrollableContent } from '../Page';
 

apps/meteor/client/components/Contextualbar/ContextualbarSection.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarV2Section, ContextualbarSection as ContextualbarSectionComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { forwardRef, memo } from 'react';
+import { forwardRef, memo } from 'react';
 
 const ContextualbarSection = forwardRef<HTMLElement, ComponentProps<typeof ContextualbarSectionComponent>>(
 	function ContextualbarSection(props, ref) {

apps/meteor/client/components/Contextualbar/ContextualbarSkeleton.tsx

@@ -1,7 +1,7 @@
 import { ContextualbarV2Skeleton, ContextualbarSkeleton as ContextualbarSkeletonComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const ContextualbarSkeleton = (props: ComponentProps<typeof ContextualbarSkeletonComponent>) => (
 	<FeaturePreview feature='newNavigation'>

apps/meteor/client/components/Contextualbar/ContextualbarTitle.tsx

@@ -1,7 +1,6 @@
 import { ContextualbarV2Title, ContextualbarTitle as ContextualbarTitleComponent } from '@rocket.chat/fuselage';
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React from 'react';
 
 const ContextualbarTitle = (props: ComponentProps<typeof ContextualbarTitleComponent>) => (
 	<FeaturePreview feature='newNavigation'>

apps/meteor/client/components/CreateDiscussion/CreateDiscussion.tsx

@@ -18,7 +18,6 @@ import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import { useTranslation, useEndpoint } from '@rocket.chat/ui-contexts';
 import { useMutation } from '@tanstack/react-query';
 import type { ReactElement } from 'react';
-import React from 'react';
 import { useForm, Controller } from 'react-hook-form';
 
 import { goToRoomById } from '../../lib/utils/goToRoomById';

apps/meteor/client/components/CreateDiscussion/DefaultParentRoomField.tsx

@@ -2,7 +2,7 @@ import { Skeleton, TextInput, Callout } from '@rocket.chat/fuselage';
 import { useTranslation, useEndpoint } from '@rocket.chat/ui-contexts';
 import { useQuery } from '@tanstack/react-query';
 import type { ReactElement } from 'react';
-import React, { useMemo } from 'react';
+import { useMemo } from 'react';
 
 import { roomCoordinator } from '../../lib/rooms/roomCoordinator';
 

apps/meteor/client/components/CustomScrollbars/CustomScrollbars.tsx

@@ -2,7 +2,7 @@ import { Palette } from '@rocket.chat/fuselage';
 import type { ScrollValues } from 'rc-scrollbars';
 import { Scrollbars } from 'rc-scrollbars';
 import type { MutableRefObject, CSSProperties, ReactNode } from 'react';
-import React, { memo, forwardRef, useCallback, useMemo } from 'react';
+import { memo, forwardRef, useCallback, useMemo } from 'react';
 
 export type CustomScrollbarsProps = {
 	overflowX?: boolean;
@@ -26,7 +26,7 @@ const CustomScrollbars = forwardRef<HTMLElement, CustomScrollbarsProps>(function
 	const scrollbarsStyle = useMemo(() => ({ ...style, ...styleDefault }), [style]);
 
 	const refSetter = useCallback(
-		(scrollbarRef) => {
+		(scrollbarRef: Scrollbars) => {
 			if (ref && scrollbarRef) {
 				if (typeof ref === 'function') {
 					ref(scrollbarRef.view ?? null);

apps/meteor/client/components/CustomScrollbars/VirtuosoScrollbars.tsx

@@ -1,5 +1,5 @@
 import type { ComponentProps, Ref } from 'react';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 import CustomScrollbars from './CustomScrollbars';
 

apps/meteor/client/components/Emoji.tsx

@@ -1,6 +1,5 @@
 import styled from '@rocket.chat/styled';
 import type { ReactElement } from 'react';
-import React from 'react';
 
 import { getEmojiClassNameAndDataTitle } from '../lib/utils/renderEmoji';
 

apps/meteor/client/components/FeaturePreviewSidePanelNavigation.tsx

@@ -1,6 +1,5 @@
 import { FeaturePreview } from '@rocket.chat/ui-client';
 import type { ReactElement } from 'react';
-import React from 'react';
 
 import { useSidePanelNavigationScreenSize } from '../hooks/useSidePanelNavigation';
 

apps/meteor/client/components/FilterByText.tsx

@@ -1,7 +1,7 @@
 import { Box, Icon, TextInput, Margins } from '@rocket.chat/fuselage';
 import { useAutoFocus, useMergedRefs } from '@rocket.chat/fuselage-hooks';
 import type { ChangeEvent, ComponentPropsWithoutRef, FormEvent } from 'react';
-import React, { forwardRef, memo, useCallback } from 'react';
+import { forwardRef, memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
 // TODO: consider changing the type of TextInput's `onChange` to (event: ChangeEvent<HTMLInputElement>) => void

apps/meteor/client/components/FingerprintChangeModal.tsx

@@ -1,6 +1,5 @@
 import { Box } from '@rocket.chat/fuselage';
 import type { ReactElement } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import GenericModal from './GenericModal';

apps/meteor/client/components/FingerprintChangeModalConfirmation.tsx

@@ -1,6 +1,5 @@
 import { Box } from '@rocket.chat/fuselage';
 import type { ReactElement } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 import GenericModal from './GenericModal';

apps/meteor/client/components/GazzodownText.tsx

@@ -6,7 +6,7 @@ import { escapeRegExp } from '@rocket.chat/string-helpers';
 import { useFeaturePreview } from '@rocket.chat/ui-client';
 import { useLayout, useRouter, useSetting, useUserPreference, useUserId } from '@rocket.chat/ui-contexts';
 import type { UIEvent } from 'react';
-import React, { useCallback, memo, useMemo } from 'react';
+import { useCallback, memo, useMemo } from 'react';
 
 import { detectEmoji } from '../lib/utils/detectEmoji';
 import { fireGlobalEvent } from '../lib/utils/fireGlobalEvent';

apps/meteor/client/components/GenericCard/GenericCard.tsx

@@ -1,7 +1,6 @@
 import { Card, CardTitle, CardBody, CardControls, CardHeader, FramedIcon } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import type { ComponentProps, ReactElement } from 'react';
-import React from 'react';
 
 import type { GenericCardButton } from './GenericCardButton';
 

apps/meteor/client/components/GenericCard/GenericCardButton.tsx

@@ -1,5 +1,4 @@
 import { Button } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
-import React from 'react';
 
 export const GenericCardButton = (props: ComponentProps<typeof Button>) => <Button {...props} medium />;

apps/meteor/client/components/GenericError/GenericError.tsx

@@ -1,6 +1,5 @@
 import { Box, States, StatesIcon, StatesTitle, StatesActions, StatesAction } from '@rocket.chat/fuselage';
 import type { Keys as IconName } from '@rocket.chat/icons';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 type GenericErrorProps = {

apps/meteor/client/components/GenericModal/GenericModal.spec.tsx

@@ -2,7 +2,7 @@ import { useSetModal } from '@rocket.chat/ui-contexts';
 import { act, screen, renderHook } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import type { ReactElement } from 'react';
-import React, { Suspense } from 'react';
+import { Suspense } from 'react';
 
 import GenericModal from './GenericModal';
 import ModalProviderWithRegion from '../../providers/ModalProvider/ModalProviderWithRegion';

apps/meteor/client/components/GenericModal/GenericModal.stories.tsx

@@ -1,7 +1,6 @@
 import { action } from '@storybook/addon-actions';
 import type { Meta, StoryFn } from '@storybook/react';
 import type { ComponentType } from 'react';
-import React from 'react';
 
 import GenericModal, { GenericModalDoNotAskAgain } from './GenericModal';
 

apps/meteor/client/components/GenericModal/GenericModal.tsx

@@ -2,7 +2,7 @@ import { Button, Modal } from '@rocket.chat/fuselage';
 import { useEffectEvent, useUniqueId } from '@rocket.chat/fuselage-hooks';
 import type { Keys as IconName } from '@rocket.chat/icons';
 import type { ComponentProps, ReactElement, ReactNode, ComponentPropsWithoutRef } from 'react';
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import type { RequiredModalProps } from './withDoNotAskAgain';

apps/meteor/client/components/GenericModal/GenericModalSkeleton.tsx

@@ -1,6 +1,5 @@
 import { Skeleton } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
-import React from 'react';
 
 import GenericModal from './GenericModal';
 

apps/meteor/client/components/GenericModal/withDoNotAskAgain.tsx

@@ -2,7 +2,7 @@ import { Box, Label, CheckBox } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import { useUserPreference, useTranslation, useEndpoint } from '@rocket.chat/ui-contexts';
 import type { ReactElement, ComponentType } from 'react';
-import React, { useState } from 'react';
+import { useState } from 'react';
 
 import type { DontAskAgainList } from '../../hooks/useDontAskAgain';
 

apps/meteor/client/components/GenericNoResults/GenericNoResults.tsx

@@ -1,6 +1,5 @@
 import { Box, States, StatesIcon, StatesLink, StatesTitle, StatesSubtitle, StatesActions, StatesAction } from '@rocket.chat/fuselage';
 import type { Keys as IconName } from '@rocket.chat/icons';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 type LinkProps = { linkText: string; linkHref: string } | { linkText?: never; linkHref?: never };

apps/meteor/client/components/GenericResourceUsage/GenericResourceUsage.tsx

@@ -1,7 +1,6 @@
 import { Box, ProgressBar } from '@rocket.chat/fuselage';
 import { useUniqueId } from '@rocket.chat/fuselage-hooks';
 import type { ReactNode } from 'react';
-import React from 'react';
 
 const GenericResourceUsage = ({
 	title,

apps/meteor/client/components/GenericResourceUsage/GenericResourceUsageSkeleton.tsx

@@ -1,6 +1,5 @@
 import { Box, Skeleton } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
-import React from 'react';
 
 type GenericResourceUsageSkeletonProps = {
 	title?: string;

apps/meteor/client/components/GenericTable/GenericTable.stories.tsx

@@ -1,6 +1,5 @@
 import { TextInput, Box, Icon } from '@rocket.chat/fuselage';
 import type { Meta, StoryFn } from '@storybook/react';
-import React from 'react';
 
 import {
 	GenericTable,

apps/meteor/client/components/GenericTable/GenericTable.tsx

@@ -1,6 +1,6 @@
 import { Box, Table } from '@rocket.chat/fuselage';
 import type { ComponentProps, ForwardedRef, ReactNode } from 'react';
-import React, { forwardRef } from 'react';
+import { forwardRef } from 'react';
 
 import { CustomScrollbars } from '../CustomScrollbars';
 

apps/meteor/client/components/GenericTable/GenericTableBody.tsx

@@ -1,6 +1,5 @@
 import { TableBody } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
-import React from 'react';
 
 type GenericTableBodyProps = ComponentPropsWithoutRef<typeof TableBody>;
 

apps/meteor/client/components/GenericTable/GenericTableCell.tsx

@@ -1,6 +1,5 @@
 import { TableCell } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
-import React from 'react';
 
 type GenericTableCellProps = ComponentPropsWithoutRef<typeof TableCell>;
 

apps/meteor/client/components/GenericTable/GenericTableHeader.tsx

@@ -1,6 +1,5 @@
 import { TableHead } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
-import React from 'react';
 
 import { GenericTableRow } from './GenericTableRow';
 

apps/meteor/client/components/GenericTable/GenericTableHeaderCell.tsx

@@ -1,6 +1,6 @@
 import { Box, TableCell } from '@rocket.chat/fuselage';
 import type { ComponentProps, ReactElement } from 'react';
-import React, { useCallback } from 'react';
+import { useCallback } from 'react';
 
 import SortIcon from './SortIcon';
 

apps/meteor/client/components/GenericTable/GenericTableLoadingRow.tsx

@@ -1,6 +1,5 @@
 import { Box, Skeleton, TableRow, TableCell } from '@rocket.chat/fuselage';
 import type { ReactElement } from 'react';
-import React from 'react';
 
 export const GenericTableLoadingRow = ({ cols }: { cols: number }): ReactElement => (
 	<TableRow>

apps/meteor/client/components/GenericTable/GenericTableLoadingTable.tsx

@@ -1,5 +1,4 @@
 import type { ReactElement } from 'react';
-import React from 'react';
 
 import { GenericTableLoadingRow } from './GenericTableLoadingRow';
 

apps/meteor/client/components/GenericTable/GenericTableRow.tsx

@@ -1,6 +1,5 @@
 import { TableRow } from '@rocket.chat/fuselage';
 import type { ComponentPropsWithoutRef } from 'react';
-import React from 'react';
 
 type GenericTableRowProps = ComponentPropsWithoutRef<typeof TableRow>;
 

apps/meteor/client/components/GenericTable/SortIcon.tsx

@@ -1,5 +1,4 @@
 import { Box } from '@rocket.chat/fuselage';
-import React from 'react';
 
 type SortIconProps = {
 	direction?: 'asc' | 'desc';

apps/meteor/client/components/GenericTable/hooks/useCurrent.ts

@@ -1,6 +1,7 @@
+import type { Dispatch, SetStateAction } from 'react';
 import { useState } from 'react';
 
-export const useCurrent = (currentInitialValue = 0): [number, React.Dispatch<React.SetStateAction<number>>] => {
+export const useCurrent = (currentInitialValue = 0): [number, Dispatch<SetStateAction<number>>] => {
 	const [current, setCurrent] = useState<number>(currentInitialValue);
 
 	return [current, setCurrent];

apps/meteor/client/components/GenericTable/hooks/useItemsPerPage.ts

@@ -1,10 +1,11 @@
+import type { Dispatch, SetStateAction } from 'react';
 import { useState } from 'react';
 
 type UseItemsPerPageValue = 25 | 50 | 100;
 
 export const useItemsPerPage = (
 	itemsPerPageInitialValue: UseItemsPerPageValue = 25,
-): [UseItemsPerPageValue, React.Dispatch<React.SetStateAction<UseItemsPerPageValue>>] => {
+): [UseItemsPerPageValue, Dispatch<SetStateAction<UseItemsPerPageValue>>] => {
 	const [itemsPerPage, setItemsPerPage] = useState<UseItemsPerPageValue>(itemsPerPageInitialValue);
 
 	return [itemsPerPage, setItemsPerPage];

apps/meteor/client/components/GenericTable/hooks/useShowingResultsLabel.ts

@@ -1,15 +1,10 @@
-import type { Pagination } from '@rocket.chat/fuselage';
-import type { ComponentProps } from 'react';
 import { useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
-type Props<T extends ComponentProps<typeof Pagination>['showingResultsLabel'] = ComponentProps<typeof Pagination>['showingResultsLabel']> =
-	T extends (...args: any[]) => any ? Parameters<T> : never;
-
-export const useShowingResultsLabel = (): ((...params: Props) => string) => {
+export const useShowingResultsLabel = () => {
 	const { t } = useTranslation();
 	return useCallback(
-		({ count, current, itemsPerPage }) =>
+		({ count, current, itemsPerPage }: { count: number; current: number; itemsPerPage: 25 | 50 | 100 }) =>
 			t('Showing_results_of', { postProcess: 'sprintf', sprintf: [current + 1, Math.min(current + itemsPerPage, count), count] }),
 		[t],
 	);

apps/meteor/client/components/GenericUpsellModal/GenericUpsellModal.tsx

@@ -1,7 +1,6 @@
 import { Box, Button, Modal } from '@rocket.chat/fuselage';
 import type { Keys as IconName } from '@rocket.chat/icons';
 import type { ReactNode, ReactElement, ComponentProps } from 'react';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 
 type GenericUpsellModalProps = {

apps/meteor/client/components/Header/Header.tsx

@@ -1,6 +1,6 @@
 import { FeaturePreview, FeaturePreviewOff, FeaturePreviewOn, HeaderV2, Header as HeaderComponent } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const Header = (props: ComponentProps<typeof HeaderComponent>) => (
 	<FeaturePreview feature='newNavigation'>

apps/meteor/client/components/Header/HeaderAvatar.tsx

@@ -6,7 +6,7 @@ import {
 	HeaderAvatar as HeaderAvatarComponent,
 } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const HeaderAvatar = (props: ComponentProps<typeof HeaderAvatarComponent>) => (
 	<FeaturePreview feature='newNavigation'>

apps/meteor/client/components/Header/HeaderContent.tsx

@@ -6,7 +6,7 @@ import {
 	HeaderContent as HeaderContentComponent,
 } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const HeaderContent = (props: ComponentProps<typeof HeaderContentComponent>) => (
 	<FeaturePreview feature='newNavigation'>

apps/meteor/client/components/Header/HeaderContentRow.tsx

@@ -6,7 +6,7 @@ import {
 	HeaderContentRow as HeaderContentRowComponent,
 } from '@rocket.chat/ui-client';
 import type { ComponentProps } from 'react';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const HeaderContentRow = (props: ComponentProps<typeof HeaderContentRowComponent>) => (
 	<FeaturePreview feature='newNavigation'>

apps/meteor/client/components/Header/HeaderDivider.tsx

@@ -5,7 +5,7 @@ import {
 	HeaderV2Divider,
 	HeaderDivider as HeaderDividerComponent,
 } from '@rocket.chat/ui-client';
-import React, { memo } from 'react';
+import { memo } from 'react';
 
 const HeaderDivider = () => (
 	<FeaturePreview feature='newNavigation'>