agora-appbuilder-core 4.0.31-beta-3 → 4.0.31-beta-4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-appbuilder-core",
-  "version": "4.0.31-beta-3",
+  "version": "4.0.31-beta-4",
   "description": "React Native template for RTE app builder",
   "main": "index.js",
   "files": [

package/template/src/components/chat/chatConfigure.native.tsx

@@ -89,12 +89,17 @@ const ChatConfigure = ({children}) => {
     addReactionToPrivateStore,
     addReactionToStore,
   } = useChatMessages();
-  const {setPinMsgId, setPinnedByUser} = useChatUIControls();
+  const {setPinMsgId, setPinnedByUser, privateChatUser} = useChatUIControls();
+  const privateChatUserRef = React.useRef(privateChatUser);
 
   React.useEffect(() => {
     defaultContentRef.current = defaultContent;
   }, [defaultContent]);
 
+  React.useEffect(() => {
+    privateChatUserRef.current = privateChatUser;
+  }, [privateChatUser]);
+
   useEffect(() => {
     const logout = async () => {
       try {
@@ -296,9 +301,11 @@ const ChatConfigure = ({children}) => {
           if (convId === data.chat.group_id) {
             addReactionToStore(msgId, reactions as unknown as Reaction[]);
           } else {
-            const userId = operations[0].userId;
+            const fromUserID = operations[0].userId;
+            const uid =
+              localUid === fromUserID ? privateChatUserRef.current : fromUserID;
             addReactionToPrivateStore(
-              Number(userId),
+              uid,
               msgId,
               reactions as unknown as Reaction[],
             );

package/template/src/subComponents/ChatContainer.tsx

@@ -346,6 +346,7 @@ const ChatContainer = (props?: {
                       ext={message?.ext}
                       reactions={message?.reactions}
                       replyToMsgId={message?.replyToMsgId}
+                      scrollOffset={scrollOffset}
                       isLastMsg={
                         privateMessageStore[privateChatUser].length - 1 ===
                         index