From 2cb31d03a75e5bf17432c765403c5a3814f59579 Mon Sep 17 00:00:00 2001
From: Tasso Evangelista <tasso.evangelista@rocket.chat>
Date: Tue, 2 Jun 2026 22:41:21 -0300
Subject: [PATCH] refactor(uikit-playground): remove unnecessary ReactElement
 type annotations from components

---
 .../src/Components/NavBar/BurgerIcon/BurgerIcon.tsx           | 4 ++--
 .../src/Components/NavBar/BurgerIcon/Line.tsx                 | 3 +--
 .../src/Components/NavBar/BurgerIcon/Wrapper.tsx              | 4 ++--
 .../Display/UiKitElementWrapper/UiKitElementWrapper.tsx       | 4 ++--
 apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx | 4 ++--
 apps/uikit-playground/src/Context/createCtx.tsx               | 4 ++--
 6 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx
index 03d895f216d71..1611e75d1d8f2 100644
--- a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx
+++ b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx
@@ -1,12 +1,12 @@
 import { usePrefersReducedMotion } from '@rocket.chat/fuselage-hooks';
-import type { ReactElement, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 import { useContext } from 'react';
 
 import Line from './Line';
 import Wrapper from './Wrapper';
 import { context } from '../../../Context';
 
-const BurgerIcon = ({ children }: { children?: ReactNode }): ReactElement => {
+const BurgerIcon = ({ children }: { children?: ReactNode }) => {
 	const isReducedMotionPreferred = usePrefersReducedMotion();
 	const {
 		state: { navMenuToggle },
diff --git a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Line.tsx b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Line.tsx
index 5e188bba2cbc4..d81a6bd67ef46 100644
--- a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Line.tsx
+++ b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Line.tsx
@@ -1,8 +1,7 @@
 import { css } from '@rocket.chat/css-in-js';
 import { Box } from '@rocket.chat/fuselage';
-import type { ReactElement } from 'react';
 
-const Line = ({ animated, moved }: { animated: boolean; moved?: boolean }): ReactElement => {
+const Line = ({ animated, moved }: { animated: boolean; moved?: boolean }) => {
 	const animatedStyle = animated
 		? css`
 				will-change: transform;
diff --git a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Wrapper.tsx b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Wrapper.tsx
index d6c8ae7800460..73a2801a9da10 100644
--- a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Wrapper.tsx
+++ b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Wrapper.tsx
@@ -1,8 +1,8 @@
 import { css } from '@rocket.chat/css-in-js';
 import { Box } from '@rocket.chat/fuselage';
-import type { ReactElement, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
-const Wrapper = ({ children }: { children: ReactNode }): ReactElement => (
+const Wrapper = ({ children }: { children: ReactNode }) => (
 	<Box
 		is='span'
 		display='inline-flex'
diff --git a/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/UiKitElementWrapper.tsx b/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/UiKitElementWrapper.tsx
index e58d72f22a564..5d6b70c19332a 100644
--- a/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/UiKitElementWrapper.tsx
+++ b/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/UiKitElementWrapper.tsx
@@ -1,7 +1,7 @@
 import './UiKitElementWrapper.scss';
 import { Box } from '@rocket.chat/fuselage';
-import type { ComponentProps, ReactElement } from 'react';
+import type { ComponentProps } from 'react';
 
-const ElementWrapper = (props: ComponentProps<typeof Box>): ReactElement => <Box className='uikit-element-wrapper' {...props} />;
+const ElementWrapper = (props: ComponentProps<typeof Box>) => <Box className='uikit-element-wrapper' {...props} />;
 
 export default ElementWrapper;
diff --git a/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx b/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx
index d45c80c8c7ca5..d9fe8fa35dfa0 100644
--- a/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx
+++ b/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx
@@ -1,7 +1,7 @@
 import { Box } from '@rocket.chat/fuselage';
-import type { ReactElement, ReactNode } from 'react';
+import type { ReactNode } from 'react';
 
-const Wrapper = ({ children }: { children: ReactNode }): ReactElement => (
+const Wrapper = ({ children }: { children: ReactNode }) => (
 	<Box
 		pbs='80px'
 		pis='50px'
diff --git a/apps/uikit-playground/src/Context/createCtx.tsx b/apps/uikit-playground/src/Context/createCtx.tsx
index 9a63c6e2704ac..331651b9634ee 100644
--- a/apps/uikit-playground/src/Context/createCtx.tsx
+++ b/apps/uikit-playground/src/Context/createCtx.tsx
@@ -1,4 +1,4 @@
-import type { Dispatch, Reducer, ReactElement } from 'react';
+import type { Dispatch, Reducer, ReactNode } from 'react';
 import { createContext, useReducer } from 'react';
 
 import type { initialStateType } from './initialState';
@@ -9,7 +9,7 @@ export default function createCtx<ActionType>(reducer: Reducer<initialStateType,
 		state: initialState,
 		dispatch: defaultDispatch,
 	});
-	const Provider = (props: { children: ReactElement }) => {
+	const Provider = (props: { children: ReactNode }) => {
 		const [state, dispatch] = useReducer(reducer, initialState);
 		return <context.Provider value={{ state, dispatch }} {...props} />;
 	};