Updated dependencies

package.json

@@ -55,44 +55,44 @@
   },
   "license": "MIT",
   "dependencies": {
-    "@atlas-viewer/atlas": ">=2.0.4",
+    "@atlas-viewer/atlas": ">=2.0.6",
     "@atlas-viewer/iiif-image-api": ">=2.1.1",
-    "@iiif/helpers": ">=1.0.4",
-    "@iiif/parser": ">=2.0.1",
+    "@iiif/helpers": ">=1.0.6",
+    "@iiif/parser": ">=2.0.2",
     "@iiif/presentation-2": ">=1.*",
     "@iiif/presentation-3": ">=2.1.3",
     "@iiif/presentation-3-normalized": ">=0.9.7",
     "react": "^16.10.2 || ^17.0.2 || ^18.2.0",
     "react-dom": "^16.10.2 || ^17.0.2 || ^18.2.0",
-    "react-error-boundary": "^3.1.4",
+    "react-error-boundary": "^4.0.12",
     "react-lazy-load-image-component": "^1.6.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^12.1.4",
-    "@testing-library/react-hooks": "^7.0.2",
-    "@types/react": "^18.0.14",
-    "@types/react-dom": "^18.0.5",
+    "@testing-library/react": "^14.2.1",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@types/react": "^18.2.55",
+    "@types/react-dom": "^18.2.19",
     "@types/react-lazy-load-image-component": "^1.6.3",
-    "@typescript-eslint/eslint-plugin": "^5.22.0",
-    "@typescript-eslint/parser": "^5.22.0",
-    "@vitejs/plugin-react": "4.2.1",
-    "chalk": "^5.0.1",
-    "eslint": "^8.11.0",
+    "@typescript-eslint/eslint-plugin": "^7.0.1",
+    "@typescript-eslint/parser": "7.0.1",
+    "@vitejs/plugin-react": "^4.2.1",
+    "chalk": "^5.3.0",
+    "eslint": "^8.56.0",
     "eslint-plugin-json": "^3.1.0",
-    "eslint-plugin-prettier": "^4.0.0",
-    "happy-dom": "^13.1.4",
-    "prettier": "^2.6.2",
-    "query-string": "^7.1.1",
+    "eslint-plugin-prettier": "^5.1.3",
+    "happy-dom": "^13.3.8",
+    "prettier": "^3.2.5",
+    "query-string": "^8.2.0",
     "react-16": "npm:react@16",
     "react-17": "npm:react@17",
     "react-18": "npm:react@18",
     "react-dom-16": "npm:react-dom@16",
     "react-dom-17": "npm:react-dom@17",
     "react-dom-18": "npm:react-dom@18",
-    "tslib": "^2.4.0",
-    "typescript": "^4.7.4",
-    "vite": "^5.0.11",
-    "vitest": "1.2.0",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3",
+    "vite": "^5.1.2",
+    "vitest": "^1.2.2",
     "zustand": "^4.5.0"
   },
   "publishConfig": {

src/components/SingleCanvasThumbnail.tsx

@@ -1,10 +1,13 @@
 import { useThumbnail } from '../hooks/useThumbnail';
 import { useCanvas } from '../hooks/useCanvas';
-import { LazyLoadComponent } from 'react-lazy-load-image-component';
+import { LazyLoadComponent as _LazyLoadComponent, LazyLoadImageProps } from 'react-lazy-load-image-component';
 import { LocaleString } from '../utility/i18n-utils';
 import { SizeParameter } from '@atlas-viewer/iiif-image-api';
 import { CanvasContext } from '../context/CanvasContext';
 import { getValue } from '@iiif/helpers/i18n';
+import { FC, ReactNode } from 'react';
+
+const LazyLoadComponent = _LazyLoadComponent as FC<LazyLoadImageProps & { children: ReactNode }>;
 
 interface SingleCanvasThumbnailProps {
   canvasId?: string;

src/demo/demo.tsx

@@ -7,7 +7,7 @@ import { CanvasPanel } from '../canvas-panel';
 import { MediaControls } from './media-controls';
 import { ViewerControls } from './viewer-controls';
 import { useEffect, useRef, useState } from 'react';
-import { parse } from 'query-string';
+import qs from 'query-string';
 import { useCanvas } from '../hooks/useCanvas';
 import { useAnnotationPageManager } from '../hooks/useAnnotationPageManager';
 import { useVault } from '../hooks/useVault';
@@ -58,14 +58,14 @@ const components = {
 
 const App = () => {
   const [queryString, setQueryString] = useState<{ manifest?: string; range?: string; canvas?: string }>(() =>
-    parse(window.location.hash.slice(1))
+    qs.parse(window.location.hash.slice(1))
   );
   const { manifest, range, canvas } = queryString;
   const ref = useRef<SimpleViewerContext>(null);
 
   useEffect(() => {
     const hashChange = () => {
-      setQueryString(parse(window.location.hash.slice(1)));
+      setQueryString(qs.parse(window.location.hash.slice(1)));
     };
     window.addEventListener('hashchange', hashChange);