refactor: remove unnecessary ReactElement type annotations from components

apps/meteor/app/ui-message/client/messageBox/createComposerAPI.ts

@@ -15,7 +15,7 @@ export const createComposerAPI = (
 	persistDraft: (value: string) => void,
 	initialDraft: string,
 	quoteChainLimit: number,
-	composerRef: RefObject<HTMLElement>,
+	composerRef: RefObject<HTMLElement | null>,
 	{ rid, tmid }: { rid: string; tmid?: string },
 ): ComposerAPI => {
 	const triggerEvent = (input: HTMLTextAreaElement, evt: string): void => {

apps/meteor/client/lib/chats/ChatAPI.ts

@@ -68,7 +68,7 @@ export type ComposerAPI = {
 
 	readonly formatters: Subscribable<FormattingButton[]>;
 
-	readonly composerRef: RefObject<HTMLElement>;
+	readonly composerRef: RefObject<HTMLElement | null>;
 
 	readonly uploads: UploadsAPI;
 };

apps/meteor/tests/mocks/client/FakeChatProvider.tsx

@@ -1,4 +1,4 @@
-import type { ReactElement, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
 import { ChatContext } from '../../../client/views/room/contexts/ChatContext';
 import { createFakeSubscription } from '../data';
@@ -7,7 +7,7 @@ type FakeChatProviderProps = {
 	children?: ReactNode;
 };
 
-const FakeChatProvider = ({ children }: FakeChatProviderProps): ReactElement => {
+const FakeChatProvider = ({ children }: FakeChatProviderProps) => {
 	return (
 		<ChatContext.Provider
 			value={

apps/meteor/tests/mocks/client/FakeRoomProvider.tsx

@@ -1,6 +1,6 @@
 import { faker } from '@faker-js/faker';
 import type { IRoom, ISubscription } from '@rocket.chat/core-typings';
-import type { ReactNode, ReactElement } from 'react';
+import type { ReactNode } from 'react';
 import { useMemo } from 'react';
 
 import { RoomContext } from '../../../client/views/room/contexts/RoomContext';
@@ -12,7 +12,7 @@ type FakeRoomProviderProps = {
 	subscriptionOverrides?: Partial<ISubscription>;
 };
 
-const FakeRoomProvider = ({ children, roomOverrides, subscriptionOverrides }: FakeRoomProviderProps): ReactElement => {
+const FakeRoomProvider = ({ children, roomOverrides, subscriptionOverrides }: FakeRoomProviderProps) => {
 	return (
 		<RoomContext.Provider
 			value={useMemo(() => {

apps/meteor/tests/mocks/client/ModalContextMock.tsx

@@ -1,12 +1,12 @@
 import { ModalContext } from '@rocket.chat/ui-contexts';
-import type { ReactElement, ContextType, ReactNode } from 'react';
+import type { ContextType, ReactNode } from 'react';
 import { useMemo } from 'react';
 
 type ModalContextMockProps = {
 	children: ReactNode;
 };
 
-const ModalContextMock = ({ children }: ModalContextMockProps): ReactElement => {
+const ModalContextMock = ({ children }: ModalContextMockProps) => {
 	const value = useMemo(
 		() => ({
 			modal: {

apps/meteor/tests/mocks/client/RouterContextMock.tsx

@@ -2,7 +2,7 @@ import type { To, SearchParameters, LocationPathname, LocationSearch } from '@ro
 import { RouterContext } from '@rocket.chat/ui-contexts';
 import { compile } from 'path-to-regexp';
 import { useRef, useMemo } from 'react';
-import type { MutableRefObject, ReactElement, ReactNode } from 'react';
+import type { MutableRefObject, ReactNode } from 'react';
 
 const encodeSearchParameters = (searchParameters: SearchParameters) => {
 	const search = new URLSearchParams();
@@ -63,13 +63,7 @@ type RouterContextMockProps = {
 	routeParameters?: Record<string, any>;
 };
 
-const RouterContextMock = ({
-	children,
-	navigate,
-	currentPath,
-	searchParameters = {},
-	routeParameters = {},
-}: RouterContextMockProps): ReactElement => {
+const RouterContextMock = ({ children, navigate, currentPath, searchParameters = {}, routeParameters = {} }: RouterContextMockProps) => {
 	const history = useRef<{ stack: To[]; index: number }>({ stack: ['/'], index: 0 });
 
 	if (currentPath) {