diff --git a/apps/meteor/client/views/admin/apps/AppSettingsAssembler.js b/apps/meteor/client/views/admin/apps/AppSettingsAssembler.tsx
similarity index 51%
rename from apps/meteor/client/views/admin/apps/AppSettingsAssembler.js
rename to apps/meteor/client/views/admin/apps/AppSettingsAssembler.tsx
index 9d1af557f62d..462fb8029c47 100644
--- a/apps/meteor/client/views/admin/apps/AppSettingsAssembler.js
+++ b/apps/meteor/client/views/admin/apps/AppSettingsAssembler.tsx
@@ -1,10 +1,16 @@
 import { Box } from '@rocket.chat/fuselage';
 import { capitalize } from '@rocket.chat/string-helpers';
-import React from 'react';
+import React, { ReactElement } from 'react';
 
+import { ISettings } from '../../../../app/apps/client/@types/IOrchestrator';
 import AppSetting from './AppSetting';
 
-const AppSettingsAssembler = ({ settings, values, handlers }) => (
+type AppSettingsAssemblerProps = {
+	settings: ISettings;
+	values: Record<string, unknown>;
+	handlers: Record<string, (eventOrValue: unknown) => void>;
+};
+const AppSettingsAssembler = ({ settings, values, handlers }: AppSettingsAssemblerProps): ReactElement => (
 	<Box>
 		{Object.values(settings).map((current) => {
 			const { id } = current;