diff --git a/apps/meteor/client/hooks/menuActions/useLeaveRoom.tsx b/apps/meteor/client/hooks/menuActions/useLeaveRoom.tsx
index b5c90c8f42dac..02342b8c97b51 100644
--- a/apps/meteor/client/hooks/menuActions/useLeaveRoom.tsx
+++ b/apps/meteor/client/hooks/menuActions/useLeaveRoom.tsx
@@ -1,13 +1,11 @@
 import type { RoomType } from '@rocket.chat/core-typings';
 import { useEffectEvent } from '@rocket.chat/fuselage-hooks';
 import type { TranslationKey } from '@rocket.chat/ui-contexts';
-import { useEndpoint, useRouter, useSetModal, useToastMessageDispatch } from '@rocket.chat/ui-contexts';
-import { useTranslation } from 'react-i18next';
-
-import { LegacyRoomManager } from '../../../app/ui-utils/client';
+import { useEndpoint, useRouter, useSetModal, useToastMessageDispatch, useTranslation } from '@rocket.chat/ui-contexts';
 import { UiTextContext } from '../../../definition/IRoomTypeConfig';
 import WarningModal from '../../components/WarningModal';
 import { roomCoordinator } from '../../lib/rooms/roomCoordinator';
+import { LegacyRoomManager } from '/app/ui-utils/client';
 
 const leaveEndpoints = {
 	p: '/v1/groups.leave',
@@ -26,7 +24,7 @@ type LeaveRoomProps = {
 
 // TODO: this menu action should consider team leaving
 export const useLeaveRoomAction = ({ rid, type, name, roomOpen }: LeaveRoomProps) => {
-	const { t } = useTranslation();
+	const t = useTranslation();
 	const setModal = useSetModal();
 	const dispatchToastMessage = useToastMessageDispatch();
 	const router = useRouter();
@@ -34,6 +32,9 @@ export const useLeaveRoomAction = ({ rid, type, name, roomOpen }: LeaveRoomProps
 	const leaveRoom = useEndpoint('POST', leaveEndpoints[type]);
 
 	const handleLeave = useEffectEvent(() => {
+
+		const warnText = roomCoordinator.getRoomDirectives(type).getUiText(UiTextContext.LEAVE_WARNING);
+
 		const leave = async (): Promise<void> => {
 			try {
 				await leaveRoom({ roomId: rid });
@@ -48,7 +49,6 @@ export const useLeaveRoomAction = ({ rid, type, name, roomOpen }: LeaveRoomProps
 			}
 		};
 
-		const warnText = roomCoordinator.getRoomDirectives(type).getUiText(UiTextContext.LEAVE_WARNING);
 
 		setModal(
 			<WarningModal
diff --git a/apps/meteor/client/views/room/contextualBar/Info/hooks/actions/useRoomLeave.tsx b/apps/meteor/client/views/room/contextualBar/Info/hooks/actions/useRoomLeave.tsx
index ebcb7abaf3e71..0e33b5a11350b 100644
--- a/apps/meteor/client/views/room/contextualBar/Info/hooks/actions/useRoomLeave.tsx
+++ b/apps/meteor/client/views/room/contextualBar/Info/hooks/actions/useRoomLeave.tsx
@@ -34,10 +34,11 @@ export const useRoomLeave = (room: IRoom, joined = true) => {
 		};
 
 		const warnText = roomCoordinator.getRoomDirectives(room.t).getUiText(UiTextContext.LEAVE_WARNING);
+		const roomName = room.fname || room.name;
 
 		setModal(
 			<WarningModal
-				text={t(warnText as TranslationKey, room.fname || room.name)}
+				text={t(warnText as TranslationKey, roomName)}
 				confirmText={t('Leave_room')}
 				close={() => setModal(null)}
 				cancelText={t('Cancel')}