diff --git a/src/components/views/avatars/RoomAvatar.tsx b/src/components/views/avatars/RoomAvatar.tsx index 1572cdb716..e2b6add884 100644 --- a/src/components/views/avatars/RoomAvatar.tsx +++ b/src/components/views/avatars/RoomAvatar.tsx @@ -49,16 +49,15 @@ export function idNameForRoom(room: Room): string { export const RoomAvatar: React.FC = ({ room, - oobData, viewAvatarOnClick, onClick, className, - size, + oobData, ...otherProps }) => { - (size = size ?? "36px"), (oobData = oobData ?? {}); + const size = otherProps.size ?? "36px"; - const roomName = room?.name ?? oobData.name ?? "?"; + const roomName = room?.name ?? oobData?.name ?? "?"; const roomAvatarMxc = useRoomAvatar(room); const roomIdName = useMemo(() => { if (room) { @@ -93,8 +92,8 @@ export const RoomAvatar: React.FC = ({ } } let oobAvatar: string | null = null; - if (oobData.avatarUrl) { - oobAvatar = mediaFromMxc(oobData.avatarUrl).getThumbnailOfSourceHttp(sizeInt, sizeInt, "crop"); + if (oobData?.avatarUrl) { + oobAvatar = mediaFromMxc(oobData?.avatarUrl).getThumbnailOfSourceHttp(sizeInt, sizeInt, "crop"); } return filterBoolean([