From 3fdd6cfc5a7694182c0b927cf6fd516324282754 Mon Sep 17 00:00:00 2001
From: Akmal Isomadinov <isomadinovakmal1997@gmail.com>
Date: Tue, 6 Aug 2024 14:50:52 +0500
Subject: [PATCH] Shared:MediaViewer Added handling for image loading
 interruptions

---
 .../media-viewer/sub-components/ImageViewer/index.tsx  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/packages/shared/components/media-viewer/sub-components/ImageViewer/index.tsx b/packages/shared/components/media-viewer/sub-components/ImageViewer/index.tsx
index a3a5e5c049..9aa9ae0e8a 100644
--- a/packages/shared/components/media-viewer/sub-components/ImageViewer/index.tsx
+++ b/packages/shared/components/media-viewer/sub-components/ImageViewer/index.tsx
@@ -951,6 +951,16 @@ export const ImageViewer = ({
     };
   }, []);
 
+  useLayoutEffect(() => {
+    return () => {
+      if (imgRef.current) {
+        // abort img loading
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+        imgRef.current.src = "";
+      }
+    };
+  }, []);
+
   return (
     <>
       {isMobile && !backgroundBlack && mobileDetails}