refactor(ui-voip): remove unnecessary ReactElement type annotations across components

packages/ui-voip/src/components/Widget/WidgetHeader.tsx

@@ -1,13 +1,13 @@
 import { Box } from '@rocket.chat/fuselage';
-import type { ReactElement, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 type WidgetHeaderProps = {
 	title: ReactNode;
 	children: ReactNode;
 };
 
 // TODO: A11Y - duration/title
-const WidgetHeader = ({ title, children }: WidgetHeaderProps): ReactElement => {
+const WidgetHeader = ({ title, children }: WidgetHeaderProps) => {
 	return (
 		<Box is='header' mi={12} mb={4} display='flex' alignItems='center' justifyContent='space-between'>
 			<Box is='h3' color='titles-labels' fontScale='p1b' id='rcx-media-call-widget-title'>

packages/ui-voip/src/context/MediaCallInstanceContext.ts

@@ -13,7 +13,7 @@ export type Signals = {
 type MediaCallInstanceContextValue = {
 	instance: MediaSignalingSession | undefined;
 	signalEmitter: Emitter<Signals>;
-	audioElement: RefObject<HTMLAudioElement> | undefined;
+	audioElement: RefObject<HTMLAudioElement | null> | undefined;
 	openRoomId: string | undefined;
 	inRoomView: boolean;
 	setOpenRoomId: (openRoomId: string | undefined) => void;

packages/ui-voip/src/views/CallHistoryContextualbar/CallHistoryActions.stories.tsx

@@ -1,6 +1,5 @@
 import { mockAppRoot } from '@rocket.chat/mock-providers';
 import type { Meta, StoryFn, StoryObj } from '@storybook/react';
-import type { ReactElement } from 'react';
 
 import type { HistoryActionCallbacks } from './CallHistoryActions';
 import CallHistoryActions from './CallHistoryActions';
@@ -24,7 +23,7 @@ const meta = {
 			})
 			.withDefaultLanguage('en-US')
 			.buildStoryDecorator(),
-		(Story): ReactElement => <Story />,
+		(Story) => <Story />,
 	],
 } satisfies Meta<typeof CallHistoryActions>;
 
@@ -39,7 +38,7 @@ const getArgs = (index: number) => {
 };
 
 const getDecorator = (state: State) => {
-	return (Story: StoryFn): ReactElement => (
+	return (Story: StoryFn) => (
 		<MockedMediaCallProvider state={state}>
 			<Story />
 		</MockedMediaCallProvider>

packages/ui-voip/src/views/CallHistoryContextualbar/CallHistoryContextualbar.stories.tsx

@@ -1,6 +1,5 @@
 import { mockAppRoot } from '@rocket.chat/mock-providers';
 import type { Meta, StoryObj } from '@storybook/react';
-import type { ReactElement } from 'react';
 
 import CallHistoryContextualbar from './CallHistoryContextualbar';
 import MockedMediaCallProvider from '../../providers/MockedMediaCallProvider';
@@ -31,7 +30,7 @@ const meta = {
 			})
 			.withDefaultLanguage('en-US')
 			.buildStoryDecorator(),
-		(Story): ReactElement => (
+		(Story) => (
 			<MockedMediaCallProvider>
 				<Story />
 			</MockedMediaCallProvider>

packages/ui-voip/src/views/PermissionFlow/PermissionFlowModal.stories.tsx

@@ -1,6 +1,5 @@
 import { mockAppRoot } from '@rocket.chat/mock-providers';
 import type { Meta, StoryObj } from '@storybook/react';
-import type { ReactElement } from 'react';
 
 import PermissionFlowModal from './PermissionFlowModal';
 
@@ -21,7 +20,7 @@ const meta = {
 					'Your web browser stopped {{workspaceUrl}} from using your microphone and/or speaker.\n\nAllow speaker and microphone access in your browser settings to prevent seeing this message again.',
 			})
 			.buildStoryDecorator(),
-		(Story): ReactElement => <Story />,
+		(Story) => <Story />,
 	],
 } satisfies Meta<typeof PermissionFlowModal>;