diff --git a/apps/meteor/client/views/teams/contextualBar/TeamAutocomplete/TeamAutocomplete.tsx b/apps/meteor/client/views/teams/contextualBar/TeamAutocomplete/TeamAutocomplete.tsx
index 21fe53722032e..2c510d3200c4d 100644
--- a/apps/meteor/client/views/teams/contextualBar/TeamAutocomplete/TeamAutocomplete.tsx
+++ b/apps/meteor/client/views/teams/contextualBar/TeamAutocomplete/TeamAutocomplete.tsx
@@ -5,7 +5,7 @@ import { useQuery } from '@tanstack/react-query';
 import type { ComponentProps } from 'react';
 import { memo, useMemo, useState } from 'react';
 
-type TeamAutocompleteProps = Omit<ComponentProps<typeof AutoComplete>, 'filter'>;
+export type TeamAutocompleteProps = Omit<ComponentProps<typeof AutoComplete>, 'filter'>;
 
 const TeamAutocomplete = ({ value, onChange, ...props }: TeamAutocompleteProps) => {
 	const [filter, setFilter] = useState('');
diff --git a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/BaseRemoveUsersModal.tsx b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/BaseRemoveUsersModal.tsx
index 17d2b1dfcf73f..c62f25ca32f52 100644
--- a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/BaseRemoveUsersModal.tsx
+++ b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/BaseRemoveUsersModal.tsx
@@ -11,7 +11,7 @@ const STEPS = {
 	CONFIRM_DELETE: 'CONFIRM_DELETE',
 };
 
-type BaseRemoveUsersModalProps = {
+export type BaseRemoveUsersModalProps = {
 	onClose: () => void;
 	onCancel: () => void;
 	onConfirm: (deletedRooms: { [key: string]: Serialized<IRoom> }) => void;
diff --git a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersFirstStep.tsx b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersFirstStep.tsx
index a23f4f33a5d70..e77dcacb4d265 100644
--- a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersFirstStep.tsx
+++ b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersFirstStep.tsx
@@ -5,7 +5,7 @@ import { useTranslation } from 'react-i18next';
 
 import ChannelDesertionTable from '../../../ChannelDesertionTable';
 
-type RemoveUsersFirstStepProps = {
+export type RemoveUsersFirstStepProps = {
 	onClose: () => void;
 	onCancel: () => void;
 	onConfirm: () => void;
diff --git a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersModal.tsx b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersModal.tsx
index a1f766fef4933..177860a5dade5 100644
--- a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersModal.tsx
+++ b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersModal.tsx
@@ -6,7 +6,7 @@ import { useQuery } from '@tanstack/react-query';
 import BaseRemoveUsersModal from './BaseRemoveUsersModal';
 import { teamsQueryKeys, usersQueryKeys } from '../../../../../lib/queryKeys';
 
-type RemoveUsersModalProps = {
+export type RemoveUsersModalProps = {
 	onClose: () => void;
 	onCancel: () => void;
 	onConfirm: (deletedRooms: { [key: string]: Serialized<IRoom> }) => void;
diff --git a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersSecondStep.tsx b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersSecondStep.tsx
index 6e53addc08a93..4c8fa7b295dd8 100644
--- a/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersSecondStep.tsx
+++ b/apps/meteor/client/views/teams/contextualBar/members/RemoveUsersModal/RemoveUsersSecondStep.tsx
@@ -3,7 +3,7 @@ import { Icon } from '@rocket.chat/fuselage';
 import { GenericModal } from '@rocket.chat/ui-client';
 import { useTranslation } from 'react-i18next';
 
-type RemoveUsersSecondStepProps = {
+export type RemoveUsersSecondStepProps = {
 	onClose: () => void;
 	onCancel: () => void;
 	onConfirm: (deletedRooms: { [key: string]: Serialized<IRoom> }) => void;
diff --git a/apps/meteor/tests/mocks/client/FakeChatProvider.tsx b/apps/meteor/tests/mocks/client/FakeChatProvider.tsx
index 1243f38b1ce36..39cc85217cd65 100644
--- a/apps/meteor/tests/mocks/client/FakeChatProvider.tsx
+++ b/apps/meteor/tests/mocks/client/FakeChatProvider.tsx
@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 import { ChatContext } from '../../../client/views/room/contexts/ChatContext';
 import { createFakeSubscription } from '../data';
 
-type FakeChatProviderProps = {
+export type FakeChatProviderProps = {
 	children?: ReactNode;
 };
 
diff --git a/apps/meteor/tests/mocks/client/FakeRoomProvider.tsx b/apps/meteor/tests/mocks/client/FakeRoomProvider.tsx
index 571f8e9329a56..53e3505c0c850 100644
--- a/apps/meteor/tests/mocks/client/FakeRoomProvider.tsx
+++ b/apps/meteor/tests/mocks/client/FakeRoomProvider.tsx
@@ -6,7 +6,7 @@ import { useMemo } from 'react';
 import { RoomContext } from '../../../client/views/room/contexts/RoomContext';
 import { createFakeRoom, createFakeSubscription } from '../data';
 
-type FakeRoomProviderProps = {
+export type FakeRoomProviderProps = {
 	children?: ReactNode;
 	roomOverrides?: Partial<IRoom>;
 	subscriptionOverrides?: Partial<ISubscription>;
diff --git a/apps/meteor/tests/mocks/client/ModalContextMock.tsx b/apps/meteor/tests/mocks/client/ModalContextMock.tsx
index 7f3636c89aff5..8f3a2bcd4dc63 100644
--- a/apps/meteor/tests/mocks/client/ModalContextMock.tsx
+++ b/apps/meteor/tests/mocks/client/ModalContextMock.tsx
@@ -2,7 +2,7 @@ import { ModalContext } from '@rocket.chat/ui-contexts';
 import type { ContextType, ReactNode } from 'react';
 import { useMemo } from 'react';
 
-type ModalContextMockProps = {
+export type ModalContextMockProps = {
 	children: ReactNode;
 };
 
diff --git a/apps/meteor/tests/mocks/client/RouterContextMock.tsx b/apps/meteor/tests/mocks/client/RouterContextMock.tsx
index 53eb6c84b1283..9bf20f0adb91c 100644
--- a/apps/meteor/tests/mocks/client/RouterContextMock.tsx
+++ b/apps/meteor/tests/mocks/client/RouterContextMock.tsx
@@ -55,7 +55,7 @@ const buildRoutePath = (to: To): LocationPathname | `${LocationPathname}?${Locat
 	throw new Error('Invalid route');
 };
 
-type RouterContextMockProps = {
+export type RouterContextMockProps = {
 	children?: ReactNode;
 	navigate?: (toOrDelta: number | To) => void;
 	currentPath?: MutableRefObject<string | undefined>;
diff --git a/apps/meteor/tests/mocks/client/ServerProviderMock.tsx b/apps/meteor/tests/mocks/client/ServerProviderMock.tsx
index e782a44b42c61..7460634871493 100644
--- a/apps/meteor/tests/mocks/client/ServerProviderMock.tsx
+++ b/apps/meteor/tests/mocks/client/ServerProviderMock.tsx
@@ -78,7 +78,7 @@ const contextValue: ServerContextValue = {
 	writeStream,
 };
 
-type ServerProviderMockProps = {
+export type ServerProviderMockProps = {
 	children?: ReactNode;
 	callEndpoint?: ContextType<typeof ServerContext>['callEndpoint'];
 };
diff --git a/apps/uikit-playground/src/Components/CreateNewScreen/ScreenThumbnail.tsx b/apps/uikit-playground/src/Components/CreateNewScreen/ScreenThumbnail.tsx
index 8a09ed81945fb..76868265ea8b8 100644
--- a/apps/uikit-playground/src/Components/CreateNewScreen/ScreenThumbnail.tsx
+++ b/apps/uikit-playground/src/Components/CreateNewScreen/ScreenThumbnail.tsx
@@ -13,7 +13,9 @@ import EditMenu from '../ScreenThumbnail/EditMenu/EditMenu';
 import ScreenThumbnailWrapper from '../ScreenThumbnail/ScreenThumbnailWrapper';
 import Thumbnail from '../ScreenThumbnail/Thumbnail';
 
-const ScreenThumbnail = ({ screen, disableDelete }: { screen: ScreenType; disableDelete: boolean }) => {
+export type ScreenThumbnailProps = { screen: ScreenType; disableDelete: boolean };
+
+const ScreenThumbnail = ({ screen, disableDelete }: ScreenThumbnailProps) => {
 	const { dispatch } = useContext(context);
 	const [name, setName] = useState<string>(screen?.name);
 	const toast = useToastBarDispatch();
diff --git a/apps/uikit-playground/src/Components/DropDown/DropDown.tsx b/apps/uikit-playground/src/Components/DropDown/DropDown.tsx
index 921274c6eaa15..c3a81b39ff129 100644
--- a/apps/uikit-playground/src/Components/DropDown/DropDown.tsx
+++ b/apps/uikit-playground/src/Components/DropDown/DropDown.tsx
@@ -4,7 +4,7 @@ import { Fragment } from 'react';
 import Items from './Items';
 import type { Item, ItemBranch } from './types';
 
-type DropDownProps = {
+export type DropDownProps = {
 	readonly blocksTree: Item;
 };
 
diff --git a/apps/uikit-playground/src/Components/DropDown/ItemsIcon.tsx b/apps/uikit-playground/src/Components/DropDown/ItemsIcon.tsx
index 1e8ab7e34bddd..fa24004efcc75 100644
--- a/apps/uikit-playground/src/Components/DropDown/ItemsIcon.tsx
+++ b/apps/uikit-playground/src/Components/DropDown/ItemsIcon.tsx
@@ -1,6 +1,8 @@
 import { Icon } from '@rocket.chat/fuselage';
 
-const ItemsIcon = ({ layer, lastNode, hover }: { layer: number; lastNode: boolean; hover: boolean }) => {
+export type ItemsIconProps = { layer: number; lastNode: boolean; hover: boolean };
+
+const ItemsIcon = ({ layer, lastNode, hover }: ItemsIconProps) => {
 	const selectIcon = (layer: number, hover: boolean) => {
 		if (layer === 1) {
 			return <Icon name='folder' size='x12' color={hover ? '#fff' : '#1d74f5'} />;
diff --git a/apps/uikit-playground/src/Components/FlowContainer/UIKitWrapper/UIKitWrapper.tsx b/apps/uikit-playground/src/Components/FlowContainer/UIKitWrapper/UIKitWrapper.tsx
index fbbf2bbaa29e4..770e4c77afca2 100644
--- a/apps/uikit-playground/src/Components/FlowContainer/UIKitWrapper/UIKitWrapper.tsx
+++ b/apps/uikit-playground/src/Components/FlowContainer/UIKitWrapper/UIKitWrapper.tsx
@@ -8,7 +8,9 @@ import type { idType } from '../../../Context/initialState';
 import SurfaceRender from '../../Preview/Display/Surface/SurfaceRender';
 import RenderPayload from '../../RenderPayload/RenderPayload';
 
-const UIKitWrapper = ({ id, data }: { id: string; data: idType }) => {
+export type UIKitWrapperProps = { id: string; data: idType };
+
+const UIKitWrapper = ({ id, data }: UIKitWrapperProps) => {
 	const {
 		state: { screens },
 	} = useContext(context);
diff --git a/apps/uikit-playground/src/Components/HomeContainer/ProjectsList/ProjectsThumbnail.tsx b/apps/uikit-playground/src/Components/HomeContainer/ProjectsList/ProjectsThumbnail.tsx
index 01d0a1df53573..5e2760bb3bde4 100644
--- a/apps/uikit-playground/src/Components/HomeContainer/ProjectsList/ProjectsThumbnail.tsx
+++ b/apps/uikit-playground/src/Components/HomeContainer/ProjectsList/ProjectsThumbnail.tsx
@@ -15,7 +15,9 @@ import EditableLabel from '../../ScreenThumbnail/EditableLabel/EditableLabel';
 import ScreenThumbnailWrapper from '../../ScreenThumbnail/ScreenThumbnailWrapper';
 import Thumbnail from '../../ScreenThumbnail/Thumbnail';
 
-const ProjectsThumbnail = ({ id, name: _name, date, blocks }: { id: string; name: string; date: string; blocks: ILayoutBlock[] }) => {
+export type ProjectsThumbnailProps = { id: string; name: string; date: string; blocks: ILayoutBlock[] };
+
+const ProjectsThumbnail = ({ id, name: _name, date, blocks }: ProjectsThumbnailProps) => {
 	const [name, setName] = useState<string>(_name);
 	const navigate = useNavigate();
 	const { dispatch } = useContext(context);
diff --git a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx
index 1611e75d1d8f2..b289929d24d0b 100644
--- a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx
+++ b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/BurgerIcon.tsx
@@ -6,7 +6,9 @@ import Line from './Line';
 import Wrapper from './Wrapper';
 import { context } from '../../../Context';
 
-const BurgerIcon = ({ children }: { children?: ReactNode }) => {
+export type BurgerIconProps = { children?: ReactNode };
+
+const BurgerIcon = ({ children }: BurgerIconProps) => {
 	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 d81a6bd67ef46..6d73c2246724f 100644
--- a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Line.tsx
+++ b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Line.tsx
@@ -1,7 +1,9 @@
 import { css } from '@rocket.chat/css-in-js';
 import { Box } from '@rocket.chat/fuselage';
 
-const Line = ({ animated, moved }: { animated: boolean; moved?: boolean }) => {
+export type LineProps = { animated: boolean; moved?: boolean };
+
+const Line = ({ animated, moved }: LineProps) => {
 	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 73a2801a9da10..75f55f60515df 100644
--- a/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Wrapper.tsx
+++ b/apps/uikit-playground/src/Components/NavBar/BurgerIcon/Wrapper.tsx
@@ -2,7 +2,9 @@ import { css } from '@rocket.chat/css-in-js';
 import { Box } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-const Wrapper = ({ children }: { children: ReactNode }) => (
+export type WrapperProps = { children: ReactNode };
+
+const Wrapper = ({ children }: WrapperProps) => (
 	<Box
 		is='span'
 		display='inline-flex'
diff --git a/apps/uikit-playground/src/Components/Preview/Display/Surface/BannerSurface.tsx b/apps/uikit-playground/src/Components/Preview/Display/Surface/BannerSurface.tsx
index f83b9d6905b91..1758a451e2e8f 100644
--- a/apps/uikit-playground/src/Components/Preview/Display/Surface/BannerSurface.tsx
+++ b/apps/uikit-playground/src/Components/Preview/Display/Surface/BannerSurface.tsx
@@ -1,6 +1,8 @@
 import { Banner, Icon } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-const MessageSurface = ({ children }: { children: ReactNode }) => <Banner icon={<Icon name='info' size='x20' />}>{children}</Banner>;
+export type MessageSurfaceProps = { children: ReactNode };
+
+const MessageSurface = ({ children }: MessageSurfaceProps) => <Banner icon={<Icon name='info' size='x20' />}>{children}</Banner>;
 
 export default MessageSurface;
diff --git a/apps/uikit-playground/src/Components/Preview/Display/Surface/ContextualBarSurface.tsx b/apps/uikit-playground/src/Components/Preview/Display/Surface/ContextualBarSurface.tsx
index bd32804f3d781..d432818eb608f 100644
--- a/apps/uikit-playground/src/Components/Preview/Display/Surface/ContextualBarSurface.tsx
+++ b/apps/uikit-playground/src/Components/Preview/Display/Surface/ContextualBarSurface.tsx
@@ -12,7 +12,9 @@ import {
 import { Scrollbars } from 'rc-scrollbars';
 import type { ReactNode } from 'react';
 
-const ContextualBarSurface = ({ children }: { children: ReactNode }) => (
+export type ContextualBarSurfaceProps = { children: ReactNode };
+
+const ContextualBarSurface = ({ children }: ContextualBarSurfaceProps) => (
 	<Contextualbar>
 		<ContextualbarHeader>
 			<Avatar url='data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==' />
diff --git a/apps/uikit-playground/src/Components/Preview/Display/Surface/MessageSurface.tsx b/apps/uikit-playground/src/Components/Preview/Display/Surface/MessageSurface.tsx
index e08766860c44c..7f4230b114405 100644
--- a/apps/uikit-playground/src/Components/Preview/Display/Surface/MessageSurface.tsx
+++ b/apps/uikit-playground/src/Components/Preview/Display/Surface/MessageSurface.tsx
@@ -15,7 +15,9 @@ import {
 } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-const MessageSurface = ({ children }: { children: ReactNode }) => (
+export type MessageSurfaceProps = { children: ReactNode };
+
+const MessageSurface = ({ children }: MessageSurfaceProps) => (
 	<Message>
 		<MessageLeftContainer>
 			<Avatar
diff --git a/apps/uikit-playground/src/Components/Preview/Display/Surface/ModalSurface.tsx b/apps/uikit-playground/src/Components/Preview/Display/Surface/ModalSurface.tsx
index 3433f767916f6..1f08c0f4f7eb7 100644
--- a/apps/uikit-playground/src/Components/Preview/Display/Surface/ModalSurface.tsx
+++ b/apps/uikit-playground/src/Components/Preview/Display/Surface/ModalSurface.tsx
@@ -12,7 +12,9 @@ import {
 } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-const ModalSurface = ({ children }: { children: ReactNode }) => (
+export type ModalSurfaceProps = { children: ReactNode };
+
+const ModalSurface = ({ children }: ModalSurfaceProps) => (
 	<Modal>
 		<ModalHeader>
 			<ModalThumb url='data:image/gif;base64,R0lGODlhAQABAIAAAMLCwgAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==' />
diff --git a/apps/uikit-playground/src/Components/Preview/Display/Surface/SurfaceRender.tsx b/apps/uikit-playground/src/Components/Preview/Display/Surface/SurfaceRender.tsx
index 2769bec77eb2c..c9532addb3738 100644
--- a/apps/uikit-playground/src/Components/Preview/Display/Surface/SurfaceRender.tsx
+++ b/apps/uikit-playground/src/Components/Preview/Display/Surface/SurfaceRender.tsx
@@ -6,7 +6,9 @@ import MessageSurface from './MessageSurface';
 import ModalSurface from './ModalSurface';
 import { SurfaceOptions } from './constant';
 
-const SurfaceRender = ({ type = SurfaceOptions.Message, children }: { type?: SurfaceOptions; children: ReactNode }) => (
+export type SurfaceRenderProps = { type?: SurfaceOptions; children: ReactNode };
+
+const SurfaceRender = ({ type = SurfaceOptions.Message, children }: SurfaceRenderProps) => (
 	<>
 		{SurfaceOptions.Message === type && <MessageSurface>{children}</MessageSurface>}
 		{SurfaceOptions.Banner === type && <BannerSurface>{children}</BannerSurface>}
diff --git a/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/DeleteElementBtn.tsx b/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/DeleteElementBtn.tsx
index ce337d7d356ed..bb3254a0e4add 100644
--- a/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/DeleteElementBtn.tsx
+++ b/apps/uikit-playground/src/Components/Preview/Display/UiKitElementWrapper/DeleteElementBtn.tsx
@@ -4,7 +4,9 @@ import { useContext } from 'react';
 
 import { context, updatePayloadAction } from '../../../../Context';
 
-const Display = ({ elementIndex }: { elementIndex: number }) => {
+export type DisplayProps = { elementIndex: number };
+
+const Display = ({ elementIndex }: DisplayProps) => {
 	const { state, dispatch } = useContext(context);
 
 	const deleteElement = () => {
diff --git a/apps/uikit-playground/src/Components/Preview/SplitPlaneContainer/SplitPlaneContainer.tsx b/apps/uikit-playground/src/Components/Preview/SplitPlaneContainer/SplitPlaneContainer.tsx
index ad39f66a2f26f..9365474ba56ab 100644
--- a/apps/uikit-playground/src/Components/Preview/SplitPlaneContainer/SplitPlaneContainer.tsx
+++ b/apps/uikit-playground/src/Components/Preview/SplitPlaneContainer/SplitPlaneContainer.tsx
@@ -11,7 +11,7 @@ type PreviewSizeType = {
 	inlineSize: number;
 };
 
-type SplitPlaneContainerProps = {
+export type SplitPlaneContainerProps = {
 	previewSize: Partial<PreviewSizeType>;
 };
 
diff --git a/apps/uikit-playground/src/Components/ScreenThumbnail/Thumbnail.tsx b/apps/uikit-playground/src/Components/ScreenThumbnail/Thumbnail.tsx
index d01e12aca2c3f..a2abd7cb13b02 100644
--- a/apps/uikit-playground/src/Components/ScreenThumbnail/Thumbnail.tsx
+++ b/apps/uikit-playground/src/Components/ScreenThumbnail/Thumbnail.tsx
@@ -3,7 +3,7 @@ import { Box } from '@rocket.chat/fuselage';
 import type { ReactNode, ComponentProps } from 'react';
 import { useRef, useState, useEffect } from 'react';
 
-type ThumbnailProps = ComponentProps<typeof Box> & {
+export type ThumbnailProps = ComponentProps<typeof Box> & {
 	of: ReactNode;
 };
 
diff --git a/apps/uikit-playground/src/Components/Templates/Container/Container.tsx b/apps/uikit-playground/src/Components/Templates/Container/Container.tsx
index b3901d040a05d..24bf8577502b2 100644
--- a/apps/uikit-playground/src/Components/Templates/Container/Container.tsx
+++ b/apps/uikit-playground/src/Components/Templates/Container/Container.tsx
@@ -3,7 +3,9 @@ import { Box } from '@rocket.chat/fuselage';
 import Section from './Section';
 import type { templateType } from '../../../utils/templates';
 
-const Container = ({ templates }: { templates: templateType[] }) => (
+export type ContainerProps = { templates: templateType[] };
+
+const Container = ({ templates }: ContainerProps) => (
 	<Box maxWidth='800px' margin='80px' width='90%' height='max-content'>
 		{templates?.map((template, i) => <Section key={i} template={template} index={i} />)}
 	</Box>
diff --git a/apps/uikit-playground/src/Components/Templates/Container/Payload.tsx b/apps/uikit-playground/src/Components/Templates/Container/Payload.tsx
index b5cd536da54ef..580f24564354a 100644
--- a/apps/uikit-playground/src/Components/Templates/Container/Payload.tsx
+++ b/apps/uikit-playground/src/Components/Templates/Container/Payload.tsx
@@ -10,7 +10,9 @@ import SurfaceRender from '../../Preview/Display/Surface/SurfaceRender';
 import type { SurfaceOptions } from '../../Preview/Display/Surface/constant';
 import RenderPayload from '../../RenderPayload/RenderPayload';
 
-const Payload = ({ blocks, surface }: { surface: SurfaceOptions; blocks: LayoutBlock[] }) => {
+export type PayloadProps = { surface: SurfaceOptions; blocks: LayoutBlock[] };
+
+const Payload = ({ blocks, surface }: PayloadProps) => {
 	const { dispatch } = useContext(context);
 	const blocksWithUniqueIds: ILayoutBlock[] = useMemo(
 		() =>
diff --git a/apps/uikit-playground/src/Components/Templates/Container/Section.tsx b/apps/uikit-playground/src/Components/Templates/Container/Section.tsx
index 31899963fc2f5..f1b0726eef16b 100644
--- a/apps/uikit-playground/src/Components/Templates/Container/Section.tsx
+++ b/apps/uikit-playground/src/Components/Templates/Container/Section.tsx
@@ -3,7 +3,9 @@ import { Box, Label } from '@rocket.chat/fuselage';
 import Payload from './Payload';
 import type { templateType } from '../../../utils/templates';
 
-const Section = ({ template, index }: { template: templateType; index: number }) => (
+export type SectionProps = { template: templateType; index: number };
+
+const Section = ({ template, index }: SectionProps) => (
 	<Box mbs='25px' width='100%' key={index}>
 		<Box mbe='5px'>
 			<Label fontSize={24} fontWeight={800}>
diff --git a/apps/uikit-playground/src/Components/navMenu/Menu/MenuItem.tsx b/apps/uikit-playground/src/Components/navMenu/Menu/MenuItem.tsx
index 9a70dd90ed4df..2649d1978fa22 100644
--- a/apps/uikit-playground/src/Components/navMenu/Menu/MenuItem.tsx
+++ b/apps/uikit-playground/src/Components/navMenu/Menu/MenuItem.tsx
@@ -2,7 +2,7 @@ import { css } from '@rocket.chat/css-in-js';
 import { Box, Label } from '@rocket.chat/fuselage';
 import type { ComponentProps } from 'react';
 
-type MenuItemProps = {
+export type MenuItemProps = {
 	name: string;
 } & ComponentProps<typeof Box>;
 
diff --git a/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx b/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx
index d9fe8fa35dfa0..2d7797846ea4b 100644
--- a/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx
+++ b/apps/uikit-playground/src/Components/navMenu/Menu/Wrapper.tsx
@@ -1,7 +1,9 @@
 import { Box } from '@rocket.chat/fuselage';
 import type { ReactNode } from 'react';
 
-const Wrapper = ({ children }: { children: ReactNode }) => (
+export type WrapperProps = { children: ReactNode };
+
+const Wrapper = ({ children }: WrapperProps) => (
 	<Box
 		pbs='80px'
 		pis='50px'
diff --git a/apps/uikit-playground/src/Components/navMenu/Menu/index.tsx b/apps/uikit-playground/src/Components/navMenu/Menu/index.tsx
index d8c9a39e42371..633a04ac24a1c 100644
--- a/apps/uikit-playground/src/Components/navMenu/Menu/index.tsx
+++ b/apps/uikit-playground/src/Components/navMenu/Menu/index.tsx
@@ -8,7 +8,9 @@ import Wrapper from './Wrapper';
 import { context, templatesToggleAction, updatePayloadAction } from '../../../Context';
 import SurfaceSelect from '../../SurfaceSelect';
 
-const Menu = ({ isOpen }: { isOpen: boolean }) => {
+export type MenuProps = { isOpen: boolean };
+
+const Menu = ({ isOpen }: MenuProps) => {
 	const {
 		state: { screens, activeScreen },
 		dispatch,
diff --git a/apps/uikit-playground/src/Pages/SignInSignUp.tsx b/apps/uikit-playground/src/Pages/SignInSignUp.tsx
index 1685388be4deb..5ca187587b1f7 100644
--- a/apps/uikit-playground/src/Pages/SignInSignUp.tsx
+++ b/apps/uikit-playground/src/Pages/SignInSignUp.tsx
@@ -22,7 +22,9 @@ const labels = {
 	},
 };
 
-const SignInSignUp = ({ route }: { route: string }) => {
+export type SignInSignUpProps = { route: string };
+
+const SignInSignUp = ({ route }: SignInSignUpProps) => {
 	const navigate = useNavigate();
 	const clickHandler = () => {
 		navigate(route === routes.login ? routes.signup : routes.login);
diff --git a/apps/uikit-playground/src/hooks/useAuth.tsx b/apps/uikit-playground/src/hooks/useAuth.tsx
index 1c092af49394d..0c46c5a29a6e3 100644
--- a/apps/uikit-playground/src/hooks/useAuth.tsx
+++ b/apps/uikit-playground/src/hooks/useAuth.tsx
@@ -11,7 +11,9 @@ const AuthContext = createContext<{
 	logout?: () => void;
 }>({});
 
-export const AuthProvider = ({ children }: { children: ReactNode }) => {
+export type AuthProviderProps = { children: ReactNode };
+
+export const AuthProvider = ({ children }: AuthProviderProps) => {
 	const [user, setUser] = useLocalStorage<userType>('user', null);
 	const navigate = useNavigate();
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Divider.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Divider.tsx
index a8e1a11491ac1..7dbe47448b671 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Divider.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Divider.tsx
@@ -19,7 +19,9 @@ const styles = StyleSheet.create({
 	},
 });
 
-export const Divider = ({ divider }: { divider: string }) => (
+export type DividerProps = { divider: string };
+
+export const Divider = ({ divider }: DividerProps) => (
 	<View style={styles.wrapper} wrap={false}>
 		<View style={styles.line} />
 		<Text style={styles.text}>{divider}</Text>
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Files.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Files.tsx
index ccf416306e949..9419e9c2b7eef 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Files.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Files.tsx
@@ -38,7 +38,9 @@ const styles = StyleSheet.create({
 	},
 });
 
-export const Files = ({ files, invalidMessage }: { files: PDFFile[]; invalidMessage: string }) => (
+export type FilesProps = { files: PDFFile[]; invalidMessage: string };
+
+export const Files = ({ files, invalidMessage }: FilesProps) => (
 	<View style={styles.container}>
 		{files?.map((file, index) => (
 			<View style={styles.file} key={index} wrap>
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Header.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Header.tsx
index 63f7f8acb1852..f2778f8638e9d 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Header.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Header.tsx
@@ -49,7 +49,9 @@ const styles = StyleSheet.create({
 	},
 });
 
-export const Header = ({ title, subtitle, values }: { title: string; subtitle: string; values: { key: string; value: string }[] }) => (
+export type HeaderProps = { title: string; subtitle: string; values: { key: string; value: string }[] };
+
+export const Header = ({ title, subtitle, values }: HeaderProps) => (
 	<View style={styles.header} fixed>
 		<View style={styles.headerText}>
 			<Text style={styles.title}>{title}</Text>
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Message.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Message.tsx
index 11dd186d350c9..c99e431737a4f 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Message.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Message.tsx
@@ -6,7 +6,7 @@ import { Markup } from '../markup';
 import { Divider } from './Divider';
 import { Files } from './Files';
 import { MessageHeader } from './MessageHeader';
-import { Quotes } from './Quotes';
+import Quotes from './Quotes';
 import { isSystemMessage, markupEntriesGreaterThan10, messageLongerThanPage, splitByTens } from './utils';
 
 const styles = StyleSheet.create({
@@ -51,7 +51,9 @@ const processMessage = (message: PDFMessage) => {
 	);
 };
 
-const Message = ({ message, invalidFileMessage }: { message: PDFMessage; invalidFileMessage: string }) => (
+export type MessageProps = { message: PDFMessage; invalidFileMessage: string };
+
+const Message = ({ message, invalidFileMessage }: MessageProps) => (
 	<View style={styles.wrapper} wrap={!!message.quotes || messageLongerThanPage(message.msg) || (message.files && message.files.length > 0)}>
 		{message.divider && <Divider divider={message.divider} />}
 		<MessageHeader name={message.u.name || message.u.username} time={message.ts} />
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/MessageHeader.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/MessageHeader.tsx
index 478a55cbbe689..06b83c6fcd3c5 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/MessageHeader.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/MessageHeader.tsx
@@ -18,7 +18,9 @@ const styles = StyleSheet.create({
 	},
 });
 
-export const MessageHeader = ({ name, time, light }: { name: string; time: string; light?: boolean }) => (
+export type MessageHeaderProps = { name: string; time: string; light?: boolean };
+
+export const MessageHeader = ({ name, time, light }: MessageHeaderProps) => (
 	<View style={styles.header} wrap={false}>
 		<Text style={styles.name}>{name}</Text>
 		<Text style={{ ...styles.time, color: light ? colors.n600 : colors.n700 }}>{time}</Text>
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/MessageList.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/MessageList.tsx
index a1a7b89ed8422..d629a6e5ef004 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/MessageList.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/MessageList.tsx
@@ -1,7 +1,9 @@
 import Message from './Message';
 import type { ChatTranscriptData } from '../../../types/ChatTranscriptData';
 
-export const MessageList = ({ messages, invalidFileMessage }: { messages: ChatTranscriptData['messages']; invalidFileMessage: string }) => (
+export type MessageListProps = { messages: ChatTranscriptData['messages']; invalidFileMessage: string };
+
+export const MessageList = ({ messages, invalidFileMessage }: MessageListProps) => (
 	<>
 		{messages.map((message, index) => (
 			<Message invalidFileMessage={invalidFileMessage} message={message} key={index} />
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Quote.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Quote.tsx
new file mode 100644
index 0000000000000..ddc9845fb7ec8
--- /dev/null
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Quote.tsx
@@ -0,0 +1,49 @@
+import { View, StyleSheet } from '@react-pdf/renderer';
+import colors from '@rocket.chat/fuselage-tokens/colors.json';
+import { fontScales } from '@rocket.chat/fuselage-tokens/typography.json';
+import type { ReactNode } from 'react';
+
+import type { PDFQuote } from '../../../types/ChatTranscriptData';
+import { Markup } from '../markup';
+import { MessageHeader } from './MessageHeader';
+
+const styles = StyleSheet.create({
+	wrapper: {
+		backgroundColor: colors.n100,
+		borderWidth: 1,
+		borderColor: colors.n250,
+		borderLeftColor: colors.n600,
+		borderTopWidth: 1,
+		paddingLeft: 16,
+		paddingRight: 16,
+	},
+	quoteMessage: {
+		paddingTop: 6,
+		paddingBottom: 6,
+		fontSize: fontScales.p2.fontSize,
+	},
+});
+
+export type QuoteProps = {
+	quote: PDFQuote;
+	children: ReactNode;
+	index: number;
+};
+
+const Quote = ({ quote, children, index }: QuoteProps) => (
+	<View
+		style={{
+			...styles.wrapper,
+			marginTop: !index ? 4 : 16,
+		}}
+	>
+		<MessageHeader name={quote.name} time={quote.ts} light />
+		<View style={styles.quoteMessage}>
+			<Markup tokens={quote.md} />
+		</View>
+
+		{children}
+	</View>
+);
+
+export default Quote;
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Quotes.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Quotes.tsx
index 065d5f0438c50..4603345774e41 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Quotes.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/components/Quotes.tsx
@@ -1,56 +1,13 @@
-import { View, StyleSheet } from '@react-pdf/renderer';
-import colors from '@rocket.chat/fuselage-tokens/colors.json';
-import { fontScales } from '@rocket.chat/fuselage-tokens/typography.json';
 import type { ReactNode } from 'react';
 
+import Quote from './Quote';
 import type { PDFQuote } from '../../../types/ChatTranscriptData';
-import { Markup } from '../markup';
-import { MessageHeader } from './MessageHeader';
 
-const styles = StyleSheet.create({
-	wrapper: {
-		backgroundColor: colors.n100,
-		borderWidth: 1,
-		borderColor: colors.n250,
-		borderLeftColor: colors.n600,
-		borderTopWidth: 1,
-		paddingLeft: 16,
-		paddingRight: 16,
-	},
-	quoteMessage: {
-		paddingTop: 6,
-		paddingBottom: 6,
-		fontSize: fontScales.p2.fontSize,
-	},
-});
-
-type QuoteProps = {
-	quote: PDFQuote;
-	children: ReactNode;
-	index: number;
-};
-
-const Quote = ({ quote, children, index }: QuoteProps) => (
-	<View
-		style={{
-			...styles.wrapper,
-			marginTop: !index ? 4 : 16,
-		}}
-	>
-		<MessageHeader name={quote.name} time={quote.ts} light />
-		<View style={styles.quoteMessage}>
-			<Markup tokens={quote.md} />
-		</View>
-
-		{children}
-	</View>
-);
-
-type QuotesProps = {
+export type QuotesProps = {
 	quotes: PDFQuote[];
 };
 
-export const Quotes = ({ quotes }: QuotesProps) =>
+const Quotes = ({ quotes }: QuotesProps) =>
 	quotes.reduceRight<ReactNode>(
 		(lastQuote, quote, index) => (
 			<Quote quote={quote} index={index}>
@@ -59,3 +16,5 @@ export const Quotes = ({ quotes }: QuotesProps) =>
 		),
 		null,
 	);
+
+export default Quotes;
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/index.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/index.tsx
index 32f659bed98fc..5729d837d348c 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/index.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/index.tsx
@@ -29,7 +29,7 @@ const styles = StyleSheet.create({
 	},
 });
 
-type ChatTranscriptPDFProps = Omit<ChatTranscriptData, 'i18n'>;
+export type ChatTranscriptPDFProps = Omit<ChatTranscriptData, 'i18n'>;
 
 export const ChatTranscriptPDF = ({ header, messages }: ChatTranscriptPDFProps) => {
 	const { t } = useTranslation();
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/BigEmojiBlock.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/BigEmojiBlock.tsx
index 80a23eae6fe30..812bccb43524a 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/BigEmojiBlock.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/BigEmojiBlock.tsx
@@ -2,7 +2,7 @@ import { Text } from '@react-pdf/renderer';
 import type * as MessageParser from '@rocket.chat/message-parser';
 import emojione from 'emoji-toolkit';
 
-type BigEmojiBlockProps = {
+export type BigEmojiBlockProps = {
 	emoji: MessageParser.Emoji[];
 };
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/CodeBlock.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/CodeBlock.tsx
index 2c7b8f0a490ab..563611544da4c 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/CodeBlock.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/CodeBlock.tsx
@@ -3,7 +3,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import { codeStyles } from '../elements/CodeSpan';
 
-type CodeBlockProps = {
+export type CodeBlockProps = {
 	lines: MessageParser.CodeLine[];
 };
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/OrderedListBlock.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/OrderedListBlock.tsx
index 9bdcc0553f223..3f7a2ce6e07f6 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/OrderedListBlock.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/OrderedListBlock.tsx
@@ -16,7 +16,7 @@ const styles = StyleSheet.create({
 	},
 });
 
-type OrderedListBlockProps = {
+export type OrderedListBlockProps = {
 	items: MessageParser.ListItem[];
 };
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/ParagraphBlock.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/ParagraphBlock.tsx
index d0ffe33a7a8bc..ff913e55cd166 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/ParagraphBlock.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/ParagraphBlock.tsx
@@ -2,7 +2,7 @@ import type * as MessageParser from '@rocket.chat/message-parser';
 
 import InlineElements from '../elements/InlineElements';
 
-type ParagraphBlockProps = {
+export type ParagraphBlockProps = {
 	items: MessageParser.Inlines[];
 };
 
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/UnorderedListBlock.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/UnorderedListBlock.tsx
index 964c9023520f0..0e1d70ca70578 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/UnorderedListBlock.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/blocks/UnorderedListBlock.tsx
@@ -16,7 +16,7 @@ const styles = StyleSheet.create({
 	},
 });
 
-type UnorderedListBlockProps = {
+export type UnorderedListBlockProps = {
 	items: MessageParser.ListItem[];
 };
 const UnorderedListBlock = ({ items }: UnorderedListBlockProps) => (
diff --git a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/index.tsx b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/index.tsx
index a253c6893848b..f938a4d0bb727 100644
--- a/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/index.tsx
+++ b/ee/packages/pdf-worker/src/templates/ChatTranscript/markup/index.tsx
@@ -7,7 +7,7 @@ import OrderedListBlock from './blocks/OrderedListBlock';
 import ParagraphBlock from './blocks/ParagraphBlock';
 import UnorderedListBlock from './blocks/UnorderedListBlock';
 
-type MarkupProps = {
+export type MarkupProps = {
 	tokens: MessageParser.Root;
 };