fix: memoization check for i18n translations

Author: khushal87

package/src/components/Message/Message.tsx

@@ -831,7 +831,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.text === nextMessage.text &&
     prevMessage.pinned === nextMessage.pinned &&
     `${prevMessage?.updated_at}` === `${nextMessage?.updated_at}` &&
-    JSON.stringify(prevMessage.i18n) === JSON.stringify(nextMessage.i18n);
+    prevMessage.i18n === nextMessage.i18n;
 
   if (!messageEqual) return false;
 

package/src/components/Message/MessageSimple/MessageContent.tsx

@@ -475,7 +475,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.type === nextMessage.type &&
     prevMessage.text === nextMessage.text &&
     prevMessage.pinned === nextMessage.pinned &&
-    JSON.stringify(prevMessage.i18n) === JSON.stringify(nextMessage.i18n);
+    prevMessage.i18n === nextMessage.i18n;
   if (!messageEqual) return false;
 
   const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';

package/src/components/Message/MessageSimple/MessageSimple.tsx

@@ -165,7 +165,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
     prevMessage.status === nextMessage.status &&
     prevMessage.type === nextMessage.type &&
     prevMessage.text === nextMessage.text &&
-    JSON.stringify(prevMessage.i18n) === JSON.stringify(nextMessage.i18n);
+    prevMessage.i18n === nextMessage.i18n;
   if (!messageEqual) return false;
 
   const isPrevQuotedMessageTypeDeleted = prevMessage.quoted_message?.type === 'deleted';

package/src/components/Message/MessageSimple/MessageTextContainer.tsx

@@ -134,8 +134,7 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   } = nextProps;
 
   const messageTextEqual =
-    prevMessage.text === nextMessage.text &&
-    JSON.stringify(prevMessage.i18n) === JSON.stringify(nextMessage.i18n);
+    prevMessage.text === nextMessage.text && prevMessage.i18n === nextMessage.i18n;
   if (!messageTextEqual) return false;
 
   const onlyEmojisEqual = prevOnlyEmojis === nextOnlyEmojis;