Shared:MediaViewer Added handling for image loading interruptions

2024-08-06 14:50:52 +05:00 · 2024-08-06 14:50:52 +05:00 · 3fdd6cfc5a
commit 3fdd6cfc5a
parent edd1d4bd8a
1 changed files with 10 additions and 0 deletions
--- 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}