From 2b62d43878eb9e023e5e5da10f6c9f8c0c81e27e Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Tue, 10 Oct 2023 22:56:49 +0100
Subject: [PATCH] Fix MobX crash for Android lightbox

---
 .../ImageViewing/components/ImageItem/ImageItem.android.tsx    | 3 ++-
 .../ImageViewing/components/ImageItem/ImageItem.ios.tsx        | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx b/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx
index 6fe7854bcb..e9f0485f10 100644
--- a/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx
+++ b/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.android.tsx
@@ -307,7 +307,8 @@ const ImageItem = ({
       )}
       <GestureDetector gesture={composedGesture}>
         <AnimatedImage
-          source={imageSrc}
+          // NOTE: Don't pass imageSrc={imageSrc} or MobX will break.
+          source={{uri: imageSrc.uri}}
           contentFit="contain"
           style={[styles.image, animatedStyle]}
           accessibilityLabel={imageSrc.alt}
diff --git a/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.ios.tsx b/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.ios.tsx
index 1bd24a8418..cd550670c1 100644
--- a/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.ios.tsx
+++ b/src/view/com/lightbox/ImageViewing/components/ImageItem/ImageItem.ios.tsx
@@ -143,6 +143,7 @@ const ImageItem = ({imageSrc, onZoom, onRequestClose}: Props) => {
           accessibilityHint="">
           <AnimatedImage
             contentFit="contain"
+            // NOTE: Don't pass imageSrc={imageSrc} or MobX will break.
             source={{uri: imageSrc.uri}}
             style={[styles.image, animatedStyle]}
             onLoad={() => setLoaded(true)}