From 7cfbac1a07d881d706bdffbbf7b7db5af68d971d Mon Sep 17 00:00:00 2001
From: momorew <mohammedribai21601@gmail.com>
Date: Sun, 23 Aug 2026 16:02:58 +0530
Subject: [PATCH] flicker issue

---
 frontend/src/App.tsx                | 5 ++++-
 frontend/src/viewer/CanvasLayer.tsx | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 4d63211..08ef2f3 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -393,6 +393,8 @@ function App() {
       .catch(() => setBackendHealthy(false));
   }, []);
 
+  const hasImportedRemoteRef = useRef(false);
+
   useEffect(() => {
     (async () => {
       try {
@@ -403,7 +405,8 @@ function App() {
         const token = params.get('token');
         const resourceId = params.get('resource_id');
 
-        if (streamUrl && uploadUrl && token) {
+        if (streamUrl && uploadUrl && token && !hasImportedRemoteRef.current) {
+          hasImportedRemoteRef.current = true;
           try {
             const gatewayUrl = import.meta.env.VITE_GATEWAY_URL || '';
             const res = await fetch(`${gatewayUrl}/documents/import-remote`, {
diff --git a/frontend/src/viewer/CanvasLayer.tsx b/frontend/src/viewer/CanvasLayer.tsx
index 064fc28..7d52f25 100644
--- a/frontend/src/viewer/CanvasLayer.tsx
+++ b/frontend/src/viewer/CanvasLayer.tsx
@@ -66,7 +66,7 @@ export const CanvasLayer: React.FC<CanvasLayerProps> = ({
     };
     img.src = imageUrl;
 
-  }, [imageUrl, zoom, rotation, width, height, onRenderComplete, vectorOps]);
+  }, [imageUrl, zoom, rotation, width, height, onRenderComplete]);
 
   return (
     <canvas