diff --git a/apps/meteor/client/views/directory/RoomTags.js b/apps/meteor/client/views/directory/RoomTags.tsx
similarity index 73%
rename from apps/meteor/client/views/directory/RoomTags.js
rename to apps/meteor/client/views/directory/RoomTags.tsx
index a2c1c926bd415..4c7df620b0482 100644
--- a/apps/meteor/client/views/directory/RoomTags.js
+++ b/apps/meteor/client/views/directory/RoomTags.tsx
@@ -1,8 +1,9 @@
+import { IRoom } from '@rocket.chat/core-typings';
 import { Box, Margins, Tag } from '@rocket.chat/fuselage';
 import { useTranslation } from '@rocket.chat/ui-contexts';
-import React from 'react';
+import React, { ReactElement } from 'react';
 
-function RoomTags({ room }) {
+function RoomTags({ room }: { room: IRoom }): ReactElement {
 	const t = useTranslation();
 	return (
 		<Box mi='x4' alignItems='center' display='flex'>