diff --git a/package-lock.json b/package-lock.json
index 98e7d9d..32cb2e0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -50,7 +50,7 @@
         "ts-loader": "^9.2.6",
         "typescript": "^4.7.4",
         "web-vitals": "^2.1.4",
-        "webpack": "^5.64.4",
+        "webpack": "^5.76.0",
         "webpack-cli": "^4.9.1",
         "webpack-dev-server": "^4.6.0",
         "workspaces-run": "^1.0.1"
@@ -4579,9 +4579,9 @@
       }
     },
     "node_modules/acorn": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz",
-      "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==",
+      "version": "8.8.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
       "dev": true,
       "bin": {
         "acorn": "bin/acorn"
@@ -19292,9 +19292,9 @@
       }
     },
     "node_modules/webpack": {
-      "version": "5.73.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.73.0.tgz",
-      "integrity": "sha512-svjudQRPPa0YiOYa2lM/Gacw0r6PvxptHj4FuEKQ2kX05ZLkjbVc5MnPs6its5j7IZljnIqSVo/OsY2X0IpHGA==",
+      "version": "5.76.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.0.tgz",
+      "integrity": "sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==",
       "dev": true,
       "dependencies": {
         "@types/eslint-scope": "^3.7.3",
@@ -19302,11 +19302,11 @@
         "@webassemblyjs/ast": "1.11.1",
         "@webassemblyjs/wasm-edit": "1.11.1",
         "@webassemblyjs/wasm-parser": "1.11.1",
-        "acorn": "^8.4.1",
+        "acorn": "^8.7.1",
         "acorn-import-assertions": "^1.7.6",
         "browserslist": "^4.14.5",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.9.3",
+        "enhanced-resolve": "^5.10.0",
         "es-module-lexer": "^0.9.0",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
@@ -19319,7 +19319,7 @@
         "schema-utils": "^3.1.0",
         "tapable": "^2.1.1",
         "terser-webpack-plugin": "^5.1.3",
-        "watchpack": "^2.3.1",
+        "watchpack": "^2.4.0",
         "webpack-sources": "^3.2.3"
       },
       "bin": {
@@ -20309,101 +20309,101 @@
     },
     "packages/app": {
       "name": "@dot-map-renderer/app",
-      "version": "0.0.11",
+      "version": "0.0.17",
       "license": "ISC",
       "peerDependencies": {
-        "@dot-map-renderer/canvas": "0.0.11",
-        "@dot-map-renderer/component": "0.0.11"
+        "@dot-map-renderer/canvas": "0.0.17",
+        "@dot-map-renderer/component": "0.0.17"
       }
     },
     "packages/canvas": {
       "name": "@dot-map-renderer/canvas",
-      "version": "0.0.11",
+      "version": "0.0.17",
       "license": "ISC",
       "peerDependencies": {
-        "@dot-map-renderer/component": "0.0.11",
-        "@dot-map-renderer/consts": "0.0.11",
-        "@dot-map-renderer/map": "0.0.11",
-        "@dot-map-renderer/util": "0.0.11"
+        "@dot-map-renderer/component": "0.0.17",
+        "@dot-map-renderer/consts": "0.0.17",
+        "@dot-map-renderer/map": "0.0.17",
+        "@dot-map-renderer/util": "0.0.17"
       }
     },
     "packages/collider": {
       "name": "@dot-map-renderer/collider",
-      "version": "0.0.11",
+      "version": "0.0.17",
       "license": "ISC"
     },
     "packages/component": {
       "name": "@dot-map-renderer/component",
-      "version": "0.0.11",
+      "version": "0.0.17",
       "license": "ISC",
       "peerDependencies": {
-        "@dot-map-renderer/consts": "0.0.11"
+        "@dot-map-renderer/consts": "0.0.17"
       }
     },
     "packages/consts": {
       "name": "@dot-map-renderer/consts",
-      "version": "0.0.11",
+      "version": "0.0.17",
       "license": "ISC"
     },
     "packages/example": {
       "name": "@dot-map-renderer/example",
-      "version": "0.0.11",
+      "version": "0.0.17",
       "license": "ISC",
       "devDependencies": {
         "ts-loader": "^9.2.6",
         "typescript": "^4.5.5",
-        "webpack": "^5.68.0",
+        "webpack": "^5.76.0",
         "webpack-cli": "^4.9.2",
         "webpack-dev-server": "^4.7.4"
       },
       "peerDependencies": {
-        "@dot-map-renderer/app": "0.0.11"
+        "@dot-map-renderer/app": "0.0.17"
       }
     },
     "packages/map": {
       "name": "@dot-map-renderer/map",
-      "version": "0.0.11",
+      "version": "0.0.17",
       "license": "ISC"
     },
     "packages/react": {
       "name": "@dot-map-renderer/react",
-      "version": "0.0.11",
+      "version": "0.0.17",
       "license": "ISC",
       "devDependencies": {
         "@types/react": "^18.0.9",
         "@types/react-dom": "^18.0.4"
       },
       "peerDependencies": {
-        "@dot-map-renderer/app": "^0.0.11",
-        "@dot-map-renderer/component": "^0.0.11",
+        "@dot-map-renderer/app": "0.0.17",
+        "@dot-map-renderer/component": "0.0.17",
         "react": "16 || 17 || 18",
         "react-dom": "16 || 17 || 18"
       }
     },
     "packages/react-example": {
       "name": "@dot-map-renderer/react-example",
-      "version": "0.0.11",
+      "version": "0.0.17",
       "license": "ISC",
       "devDependencies": {
         "ts-loader": "^9.2.6",
         "typescript": "^4.5.5",
-        "webpack": "^5.68.0",
+        "webpack": "^5.76.0",
         "webpack-cli": "^4.9.2",
         "webpack-dev-server": "^4.7.4"
       },
       "peerDependencies": {
-        "@dot-map-renderer/app": "0.0.11"
+        "@dot-map-renderer/react": "0.0.17"
       }
     },
     "packages/util": {
       "name": "@dot-map-renderer/util",
-      "version": "0.0.11",
+      "version": "0.0.17",
       "license": "ISC",
       "dependencies": {
         "eventemitter3": "^4.0.7"
       },
       "peerDependencies": {
-        "@dot-map-renderer/component": "0.0.11"
+        "@dot-map-renderer/component": "0.0.17"
       }
     }
   },
@@ -22022,7 +22022,7 @@
       "requires": {
         "ts-loader": "^9.2.6",
         "typescript": "^4.5.5",
-        "webpack": "^5.68.0",
+        "webpack": "^5.76.0",
         "webpack-cli": "^4.9.2",
         "webpack-dev-server": "^4.7.4"
       }
@@ -22042,7 +22042,7 @@
       "requires": {
         "ts-loader": "^9.2.6",
         "typescript": "^4.5.5",
-        "webpack": "^5.68.0",
+        "webpack": "^5.76.0",
         "webpack-cli": "^4.9.2",
         "webpack-dev-server": "^4.7.4"
       }
@@ -23715,9 +23715,9 @@
       }
     },
     "acorn": {
-      "version": "8.7.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.7.0.tgz",
-      "integrity": "sha512-V/LGr1APy+PXIwKebEWrkZPwoeoF+w1jiOBUmuxuiUIaOHtob8Qc9BTrYo7VuI5fR8tqsy+buA2WFooR5olqvQ==",
+      "version": "8.8.2",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.8.2.tgz",
+      "integrity": "sha512-xjIYgE8HBrkpd/sJqOGNspf8uHG+NOHGOw6a/Urj8taM2EXfdNAH2oFcPeIFfsv3+kz/mJrS5VuMqbNLjCa2vw==",
       "dev": true
     },
     "acorn-globals": {
@@ -34696,9 +34696,9 @@
       "dev": true
     },
     "webpack": {
-      "version": "5.73.0",
-      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.73.0.tgz",
-      "integrity": "sha512-svjudQRPPa0YiOYa2lM/Gacw0r6PvxptHj4FuEKQ2kX05ZLkjbVc5MnPs6its5j7IZljnIqSVo/OsY2X0IpHGA==",
+      "version": "5.76.0",
+      "resolved": "https://registry.npmjs.org/webpack/-/webpack-5.76.0.tgz",
+      "integrity": "sha512-l5sOdYBDunyf72HW8dF23rFtWq/7Zgvt/9ftMof71E/yUb1YLOBmTgA2K4vQthB3kotMrSj609txVE0dnr2fjA==",
       "dev": true,
       "requires": {
         "@types/eslint-scope": "^3.7.3",
@@ -34706,11 +34706,11 @@
         "@webassemblyjs/ast": "1.11.1",
         "@webassemblyjs/wasm-edit": "1.11.1",
         "@webassemblyjs/wasm-parser": "1.11.1",
-        "acorn": "^8.4.1",
+        "acorn": "^8.7.1",
         "acorn-import-assertions": "^1.7.6",
         "browserslist": "^4.14.5",
         "chrome-trace-event": "^1.0.2",
-        "enhanced-resolve": "^5.9.3",
+        "enhanced-resolve": "^5.10.0",
         "es-module-lexer": "^0.9.0",
         "eslint-scope": "5.1.1",
         "events": "^3.2.0",
@@ -34723,7 +34723,7 @@
         "schema-utils": "^3.1.0",
         "tapable": "^2.1.1",
         "terser-webpack-plugin": "^5.1.3",
-        "watchpack": "^2.3.1",
+        "watchpack": "^2.4.0",
         "webpack-sources": "^3.2.3"
       }
     },
diff --git a/package.json b/package.json
index de5fe81..c53a060 100644
--- a/package.json
+++ b/package.json
@@ -40,7 +40,7 @@
     "ts-loader": "^9.2.6",
     "typescript": "^4.7.4",
     "web-vitals": "^2.1.4",
-    "webpack": "^5.64.4",
+    "webpack": "^5.76.0",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.6.0",
     "workspaces-run": "^1.0.1"
diff --git a/packages/example/package.json b/packages/example/package.json
index edc00d4..d33c837 100644
--- a/packages/example/package.json
+++ b/packages/example/package.json
@@ -15,7 +15,7 @@
   "devDependencies": {
     "ts-loader": "^9.2.6",
     "typescript": "^4.5.5",
-    "webpack": "^5.68.0",
+    "webpack": "^5.76.0",
     "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.7.4"
   },
diff --git a/packages/react-example/package.json b/packages/react-example/package.json
index 4bd4322..7bf7b04 100644
--- a/packages/react-example/package.json
+++ b/packages/react-example/package.json
@@ -14,7 +14,7 @@
   "devDependencies": {
     "ts-loader": "^9.2.6",
     "typescript": "^4.5.5",
-    "webpack": "^5.68.0",
+    "webpack": "^5.76.0",
     "webpack-cli": "^4.9.2",
     "webpack-dev-server": "^4.7.4"
   },