diff --git a/package.json b/package.json
index ac89936d..4cd3d65b 100644
--- a/package.json
+++ b/package.json
@@ -10,6 +10,7 @@
     "eslint-config-airbnb-base": "^15.0.0",
     "eslint-plugin-import": "^2.27.5",
     "jsdom": "^21.1.0",
+    "nanoid": ">=3.3.8",
     "rollup": "^4.24.0",
     "vite": "^5.4.8",
     "vite-plugin-ruby": "^5.0.0",
@@ -23,6 +24,7 @@
     "browserslist": "^4.21.5",
     "datatables": "^1.10.18",
     "jquery": "^3.6.3",
+    "nanoid": ">=3.3.8",
     "vite-plugin-rails": "^0.5.0",
     "yarn": "^1.22.22",
     "yarn.lock": "^0.0.1-security"
diff --git a/yarn.lock b/yarn.lock
index 3afdb47a..ebd7ac67 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3174,6 +3174,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"nanoid@npm:>=3.3.8":
+  version: 5.0.9
+  resolution: "nanoid@npm:5.0.9"
+  bin:
+    nanoid: bin/nanoid.js
+  checksum: 10c0/a2d9710525d4998a8a1610bbe6eb9a92c254ebab7c567c1ab429046fe7eed9c4df3508b59fb44c58ffdc98edb28dd6f953715c14b64ea0a3a2ce37420cdfeefd
+  languageName: node
+  linkType: hard
+
 "nanoid@npm:^3.3.7":
   version: 3.3.8
   resolution: "nanoid@npm:3.3.8"
@@ -4152,6 +4161,7 @@ __metadata:
     eslint-plugin-import: "npm:^2.27.5"
     jquery: "npm:^3.6.3"
     jsdom: "npm:^21.1.0"
+    nanoid: "npm:>=3.3.8"
     rollup: "npm:^4.24.0"
     vite: "npm:^5.4.8"
     vite-plugin-rails: "npm:^0.5.0"