From 6939350d98ef2bb731b1973febd417b365a6fffb Mon Sep 17 00:00:00 2001
From: dukenv0307 <dukenv0307@gmail.com>
Date: Fri, 26 Jan 2024 11:35:09 +0700
Subject: [PATCH] fix crash bug

---
 src/components/Image/index.js        |  4 ++--
 src/components/Image/index.native.js | 26 ++++----------------------
 2 files changed, 6 insertions(+), 24 deletions(-)

diff --git a/src/components/Image/index.js b/src/components/Image/index.js
index 58b7ec3383a4..f4962ad9b324 100644
--- a/src/components/Image/index.js
+++ b/src/components/Image/index.js
@@ -9,7 +9,7 @@ import RESIZE_MODES from './resizeModes';
 
 function Image(props) {
     const {source: propsSource, isAuthTokenRequired, onLoad, session} = props;
-    const [aspectRatio, setAspectRatio] = useState();
+    const [aspectRatio, setAspectRatio] = useState(null);
     /**
      * Check if the image source is a URL - if so the `encryptedAuthToken` is appended
      * to the source.
@@ -54,7 +54,7 @@ function Image(props) {
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...forwardedProps}
             source={source}
-            style={[forwardedProps.style, aspectRatio !== undefined && {aspectRatio, height: 'auto'}, props.objectPositionTop && !aspectRatio && {opacity: 0}]}
+            style={[forwardedProps.style, !!aspectRatio && {aspectRatio, height: 'auto'}, props.objectPositionTop && !aspectRatio && {opacity: 0}]}
         />
     );
 }
diff --git a/src/components/Image/index.native.js b/src/components/Image/index.native.js
index f221a3a15019..7da72c34a012 100644
--- a/src/components/Image/index.native.js
+++ b/src/components/Image/index.native.js
@@ -35,27 +35,6 @@ function Image(props) {
         };
     }
 
-    const newSource = useMemo(() => {
-        if (isAuthTokenRequired) {
-            const authToken = lodashGet(session, 'encryptedAuthToken', null);
-            return {uri: `${source.uri}?encryptedAuthToken=${encodeURIComponent(authToken)}`};
-        }
-        return source;
-    }, [source, isAuthTokenRequired, session]);
-
-    useEffect(() => {
-        if (props.onLoad == null) {
-            return;
-        }
-        RNImage.getSize(newSource.uri, (width, height) => {
-            props.onLoad({nativeEvent: {width, height}});
-
-            if (props.objectPositionTop) {
-                setAspectRatio(height ? width / height : 'auto');
-            }
-        });
-    }, [props.onLoad, newSource, props]);
-
     return (
         <ImageComponent
             // eslint-disable-next-line react/jsx-props-no-spreading
@@ -67,8 +46,11 @@ function Image(props) {
                 if (props.onLoad) {
                     props.onLoad({nativeEvent: {width, height}});
                 }
+                if (props.objectPositionTop) {
+                    setAspectRatio(height ? width / height : 'auto');
+                }
             }}
-            style={[props.style, aspectRatio !== undefined && {aspectRatio, height: 'auto'}, props.objectPositionTop && !aspectRatio && {opacity: 0}]}
+            style={[props.style, !!aspectRatio && {aspectRatio, height: 'auto'}, props.objectPositionTop && !aspectRatio && {opacity: 0}]}
         />
     );
 }