Force redraw to destroy previous tiled image. (#204)

mathewjordan · web-flow · commit 35a469a606eb · 2024-05-01T10:25:04.000-04:00
diff --git a/package.json b/package.json
@@ -83,7 +83,7 @@
     "flexsearch": "^0.7.43",
     "hls.js": "^1.5.3",
     "node-webvtt": "^1.9.4",
-    "openseadragon": "^2.4.2",
+    "openseadragon": "^4.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-error-boundary": "^4.0.12",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/Image/OSD/OSD.tsx b/src/components/Image/OSD/OSD.tsx
@@ -42,8 +42,11 @@ const OSD: React.FC<OSDProps> = ({
   }, [openSeadragon, openSeadragonCallback]);
 
   useEffect(() => {
-    if (uri !== osdUri) setOsdUri(uri);
-  }, [osdUri, uri]);
+    if (openSeadragon && uri !== osdUri) {
+      openSeadragon.forceRedraw();
+      setOsdUri(uri);
+    }
+  }, [openSeadragon, osdUri, uri]);
 
   useEffect(() => {
     if (osdUri && openSeadragon) {
