Merge pull request #919 from GetStream/vishal/image-memoization-fix-1

refactor: additional fixes for gallery memoizations

Author: vishalnarkhede

package/src/components/Attachment/Gallery.tsx

@@ -52,7 +52,6 @@ const GalleryImage: React.FC<
 
   return (
     <Image
-      key={uri}
       {...rest}
       onError={() => setError(true)}
       source={{
@@ -70,7 +69,8 @@ const GalleryImage: React.FC<
 const MemoizedGalleryImage = React.memo(
   GalleryImage,
   (prevProps, nextProps) =>
-    prevProps.height === nextProps.height && prevProps.uri === nextProps.uri,
+    prevProps.height === nextProps.height &&
+    getUrlWithoutParams(prevProps.uri) === getUrlWithoutParams(nextProps.uri),
 ) as typeof GalleryImage;
 
 const styles = StyleSheet.create({
@@ -258,7 +258,7 @@ const GalleryWithContext = <
               <TouchableOpacity
                 activeOpacity={0.8}
                 disabled={preventPress}
-                key={`gallery-item-${url}/${rowIndex}/${images.length}`}
+                key={`gallery-item-${messageId}/${colIndex}/${rowIndex}/${images.length}`}
                 onLongPress={(event) => {
                   if (onLongPress) {
                     onLongPress({