[FIX] Avatars of other chats disappear when they located near chat wi…

…th broken avatar (#26689)

Co-authored-by: gabriellsh <40830821+gabriellsh@users.noreply.github.com>

apps/meteor/client/sidebar/RoomList/RoomList.tsx

@@ -1,3 +1,4 @@
+import { IRoom } from '@rocket.chat/core-typings';
 import { Box } from '@rocket.chat/fuselage';
 import { useResizeObserver } from '@rocket.chat/fuselage-hooks';
 import { useSession, useUserPreference, useUserId, useTranslation } from '@rocket.chat/ui-contexts';
@@ -13,6 +14,8 @@ import { useTemplateByViewMode } from '../hooks/useTemplateByViewMode';
 import Row from './Row';
 import ScrollerWithCustomProps from './ScrollerWithCustomProps';
 
+const computeItemKey = (index: number, room: IRoom): IRoom['_id'] | number => room._id || index;
+
 const RoomList = (): ReactElement => {
 	useSidebarPaletteColor();
 
@@ -50,6 +53,7 @@ const RoomList = (): ReactElement => {
 				totalCount={roomsList.length}
 				data={roomsList}
 				components={{ Scroller: ScrollerWithCustomProps }}
+				computeItemKey={computeItemKey}
 				itemContent={(_, data): ReactElement => <Row data={itemData} item={data} />}
 			/>
 		</Box>