json.info fix, closes #165

archival-IIIF · May 17, 2021 · 4e5abe1 · 4e5abe1
1 parent a2b04d5
commit 4e5abe1
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/viewer/image/ReactOpenSeadragon.tsx b/src/viewer/image/ReactOpenSeadragon.tsx
@@ -41,7 +41,7 @@ export default function ReactOpenSeadragon(props: IProps) {
 
     const {page, setPage, currentAnnotation, searchResult} = useContext(AppContext);
     const viewer = useRef<Viewer | undefined | null>(undefined);
-    const id = useRef<number>(Math.random());
+    const id = useRef<number>(Math.floor(Math.random() * 10000));
 
     const [spinner, setSpinner] = useState<boolean>(true);
     const [showButtons, setShowButtons] = useState<boolean>(true);
@@ -125,13 +125,16 @@ export default function ReactOpenSeadragon(props: IProps) {
 
         ImageApi.get(props.images[page].id).then(result => {
 
-            if (result[0] && result[0].statusCode === 401) {
+            if (
+                (result[0] && result[0].statusCode === 401) ||
+                !document.getElementById('openseadragon-' + id.current.toString(10))
+            ) {
                 viewer.current = undefined;
                 return;
             }
 
             const options: Options = {
-                id: 'openseadragon-' + id.current,
+                id: 'openseadragon-' + id.current.toString(10),
                 defaultZoomLevel: 0,
                 tileSources: result,
                 showNavigationControl: true,