fix: isAttachmentEqual logic in MessageContent and MessageSimple

Author: khushal87

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

@@ -445,23 +445,22 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const prevMessageAttachments = prevMessage.attachments;
   const nextMessageAttachments = nextMessage.attachments;
   const attachmentsEqual =
-    Array.isArray(prevMessageAttachments) &&
-    Array.isArray(nextMessageAttachments) &&
-    prevMessageAttachments.length === nextMessageAttachments.length &&
-    prevMessageAttachments.every((attachment, index) => {
-      const attachmentKeysEqual =
-        attachment.type === 'image'
-          ? attachment.image_url === nextMessageAttachments[index].image_url &&
-            attachment.thumb_url === nextMessageAttachments[index].thumb_url
-          : attachment.type === nextMessageAttachments[index].type;
-
-      if (isAttachmentEqual)
-        return (
-          attachmentKeysEqual && !!isAttachmentEqual(attachment, nextMessageAttachments[index])
-        );
-
-      return attachmentKeysEqual;
-    });
+    Array.isArray(prevMessageAttachments) && Array.isArray(nextMessageAttachments)
+      ? prevMessageAttachments.length === nextMessageAttachments.length &&
+        prevMessageAttachments.every((attachment, index) => {
+          const attachmentKeysEqual =
+            attachment.image_url === nextMessageAttachments[index].image_url &&
+            attachment.og_scrape_url === nextMessageAttachments[index].og_scrape_url &&
+            attachment.thumb_url === nextMessageAttachments[index].thumb_url;
+
+          if (isAttachmentEqual)
+            return (
+              attachmentKeysEqual && !!isAttachmentEqual(attachment, nextMessageAttachments[index])
+            );
+
+          return attachmentKeysEqual;
+        })
+      : prevMessageAttachments === nextMessageAttachments;
   if (!attachmentsEqual) return false;
 
   const latestReactionsEqual =

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

@@ -147,18 +147,17 @@ const areEqual = <StreamChatGenerics extends DefaultStreamChatGenerics = Default
   const prevMessageAttachments = prevMessage.attachments;
   const nextMessageAttachments = nextMessage.attachments;
   const attachmentsEqual =
-    Array.isArray(prevMessageAttachments) &&
-    Array.isArray(nextMessageAttachments) &&
-    prevMessageAttachments.length === nextMessageAttachments.length &&
-    prevMessageAttachments.every((attachment, index) => {
-      const attachmentKeysEqual =
-        attachment.type === 'image'
-          ? attachment.image_url === nextMessageAttachments[index].image_url &&
-            attachment.thumb_url === nextMessageAttachments[index].thumb_url
-          : attachment.type === nextMessageAttachments[index].type;
-
-      return attachmentKeysEqual;
-    });
+    Array.isArray(prevMessageAttachments) && Array.isArray(nextMessageAttachments)
+      ? prevMessageAttachments.length === nextMessageAttachments.length &&
+        prevMessageAttachments.every((attachment, index) => {
+          const attachmentKeysEqual =
+            attachment.image_url === nextMessageAttachments[index].image_url &&
+            attachment.og_scrape_url === nextMessageAttachments[index].og_scrape_url &&
+            attachment.thumb_url === nextMessageAttachments[index].thumb_url;
+
+          return attachmentKeysEqual;
+        })
+      : prevMessageAttachments === nextMessageAttachments;
   if (!attachmentsEqual) return false;
 
   const latestReactionsEqual =