diff --git a/ui/package-lock.json b/ui/package-lock.json
index 0d39b16..b60b6fd 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -26,7 +26,7 @@
         "react-dom": "18.2.0",
         "tailwind-merge": "2.3.0",
         "tailwindcss-animate": "1.0.7",
-        "usehooks-ts": "2.16.0"
+        "usehooks-ts": "3.1.0"
       },
       "devDependencies": {
         "@playwright/test": "1.43.1",
@@ -10624,9 +10624,9 @@
       }
     },
     "node_modules/usehooks-ts": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/usehooks-ts/-/usehooks-ts-2.16.0.tgz",
-      "integrity": "sha512-bez95WqYujxp6hFdM/CpRDiVPirZPxlMzOH2QB8yopoKQMXpscyZoxOjpEdaxvV+CAWUDSM62cWnqHE0E/MZ7w==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/usehooks-ts/-/usehooks-ts-3.1.0.tgz",
+      "integrity": "sha512-bBIa7yUyPhE1BCc0GmR96VU/15l/9gP1Ch5mYdLcFBaFGQsdmXkvjV0TtOqW1yUd6VjIwDunm+flSciCQXujiw==",
       "dependencies": {
         "lodash.debounce": "^4.0.8"
       },
@@ -18561,9 +18561,9 @@
       }
     },
     "usehooks-ts": {
-      "version": "2.16.0",
-      "resolved": "https://registry.npmjs.org/usehooks-ts/-/usehooks-ts-2.16.0.tgz",
-      "integrity": "sha512-bez95WqYujxp6hFdM/CpRDiVPirZPxlMzOH2QB8yopoKQMXpscyZoxOjpEdaxvV+CAWUDSM62cWnqHE0E/MZ7w==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/usehooks-ts/-/usehooks-ts-3.1.0.tgz",
+      "integrity": "sha512-bBIa7yUyPhE1BCc0GmR96VU/15l/9gP1Ch5mYdLcFBaFGQsdmXkvjV0TtOqW1yUd6VjIwDunm+flSciCQXujiw==",
       "requires": {
         "lodash.debounce": "^4.0.8"
       }
diff --git a/ui/package.json b/ui/package.json
index c10e3d4..a9868c0 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -22,7 +22,7 @@
     "react-dom": "18.2.0",
     "tailwind-merge": "2.3.0",
     "tailwindcss-animate": "1.0.7",
-    "usehooks-ts": "2.16.0"
+    "usehooks-ts": "3.1.0"
   },
   "scripts": {
     "start": "vite",