From 1dbf9c205e559ae4d4dffe3db994f9fb8393eee8 Mon Sep 17 00:00:00 2001
From: Germain <germains@element.io>
Date: Fri, 11 Nov 2022 09:39:35 +0000
Subject: [PATCH] fix read receipts trickling down correctly (#9567)

---
 src/components/views/avatars/MemberAvatar.tsx    | 8 ++++++++
 src/components/views/rooms/ReadReceiptMarker.tsx | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/views/avatars/MemberAvatar.tsx b/src/components/views/avatars/MemberAvatar.tsx
index c0f36c2266..99a028f82e 100644
--- a/src/components/views/avatars/MemberAvatar.tsx
+++ b/src/components/views/avatars/MemberAvatar.tsx
@@ -99,3 +99,11 @@ export default function MemberAvatar({
         />
     );
 }
+
+export class LegacyMemberAvatar extends React.Component<IProps> {
+    public render(): JSX.Element {
+        return <MemberAvatar {...this.props}>
+            { this.props.children }
+        </MemberAvatar>;
+    }
+}
diff --git a/src/components/views/rooms/ReadReceiptMarker.tsx b/src/components/views/rooms/ReadReceiptMarker.tsx
index 0473425618..b259d26709 100644
--- a/src/components/views/rooms/ReadReceiptMarker.tsx
+++ b/src/components/views/rooms/ReadReceiptMarker.tsx
@@ -21,7 +21,7 @@ import { logger } from "matrix-js-sdk/src/logger";
 
 import NodeAnimator from "../../../NodeAnimator";
 import { toPx } from "../../../utils/units";
-import MemberAvatar from '../avatars/MemberAvatar';
+import { LegacyMemberAvatar as MemberAvatar } from '../avatars/MemberAvatar';
 import { READ_AVATAR_SIZE } from "./ReadReceiptGroup";
 
 export interface IReadReceiptInfo {