From e67411aea45a1e404fae79d8756e008ea1f4d9e0 Mon Sep 17 00:00:00 2001
From: Himself65 <himself65@outlook.com>
Date: Wed, 1 Mar 2023 21:25:16 -0600
Subject: [PATCH] fix: workspace image flickering (#1247)

---
 apps/web/src/hooks/use-workspace-blob.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/web/src/hooks/use-workspace-blob.ts b/apps/web/src/hooks/use-workspace-blob.ts
index 935d5b9289..6619f65e3f 100644
--- a/apps/web/src/hooks/use-workspace-blob.ts
+++ b/apps/web/src/hooks/use-workspace-blob.ts
@@ -22,9 +22,16 @@ export function useWorkspaceBlobImage(
   const blobStorage = useWorkspaceBlob(blockSuiteWorkspace);
   const [imageURL, setImageURL] = useState<string | null>(null);
   useEffect(() => {
+    const controller = new AbortController();
     blobStorage?.get(key).then(blob => {
+      if (controller.signal.aborted) {
+        return;
+      }
       setImageURL(blob);
     });
+    return () => {
+      controller.abort();
+    };
   }, [blobStorage, key]);
   return imageURL;
 }