From 0da98d1806d1b7608a16c77b99fc858c74d759b1 Mon Sep 17 00:00:00 2001
From: Manuel Martin <manmartin@mozilla.com>
Date: Wed, 21 Jun 2023 16:32:05 +0200
Subject: [PATCH] Use ref callback for render callback in React 18

---
 src/react-components/chat-message.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/react-components/chat-message.js b/src/react-components/chat-message.js
index 644f03ecfe..047ad994f1 100644
--- a/src/react-components/chat-message.js
+++ b/src/react-components/chat-message.js
@@ -59,9 +59,7 @@ function renderChatMessage(body, from, allowEmojiRender) {
 
   const EntryDom = ({ callback }) => (
     <div
-      // callback is passed in here as part of React 18 createRoot method.
-      // eslint-disable-next-line react/no-unknown-property
-      callback={callback}
+      ref={callback}
       className={classNames({
         [styles.presenceLogEntry]: !isEmoji,
         [styles.presenceLogEntryOneLine]: !isEmoji && !multiline,