diff --git a/examples/frontend/package.json b/examples/frontend/package.json
index ae6d6c8b..f9260b5b 100644
--- a/examples/frontend/package.json
+++ b/examples/frontend/package.json
@@ -32,6 +32,7 @@
     "devDependencies": {
         "@babel/core": "^7.16.5",
         "@storybook/react": "^6.4.9",
+        "@types/bn.js": "^5.1.0",
         "@types/node": "^17.0.2",
         "@types/react": "^17.0.37",
         "@typescript-eslint/eslint-plugin": "^5.8.0",
diff --git a/yarn.lock b/yarn.lock
index 2710f2dd..f3b1cfdc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4388,6 +4388,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/bn.js@npm:^5.1.0":
+  version: 5.1.0
+  resolution: "@types/bn.js@npm:5.1.0"
+  dependencies:
+    "@types/node": "*"
+  checksum: 1dc1cbbd7a1e8bf3614752e9602f558762a901031f499f3055828b5e3e2bba16e5b88c27b3c4152ad795248fbe4086c731a5c4b0f29bb243f1875beeeabee59c
+  languageName: node
+  linkType: hard
+
 "@types/color-convert@npm:^2.0.0":
   version: 2.0.0
   resolution: "@types/color-convert@npm:2.0.0"
@@ -9447,6 +9456,7 @@ __metadata:
     "@theme-ui/color": ^0.12.1
     "@theme-ui/match-media": ^0.12.1
     "@theme-ui/presets": ^0.12.1
+    "@types/bn.js": ^5.1.0
     "@types/node": ^17.0.2
     "@types/react": ^17.0.37
     "@typescript-eslint/eslint-plugin": ^5.8.0