diff --git a/examples/next-js-theme-ui/package.json b/examples/next-js-theme-ui/package.json
index c6a01ad5c9e..0a050f51c4a 100644
--- a/examples/next-js-theme-ui/package.json
+++ b/examples/next-js-theme-ui/package.json
@@ -67,7 +67,7 @@
     "css-color-names": "^1.0.1",
     "email-validator": "^2.0.4",
     "jest": "^26.6.3",
-    "js-cookie": "^2.2.1",
+    "js-cookie": "^3.0.7",
     "keen-slider": "^5.2.4",
     "lodash.random": "^3.2.0",
     "lodash.throttle": "^4.1.1",
diff --git a/examples/next-js-theme-ui/yarn.lock b/examples/next-js-theme-ui/yarn.lock
index c02bfd8f6c5..fb444c52f11 100644
--- a/examples/next-js-theme-ui/yarn.lock
+++ b/examples/next-js-theme-ui/yarn.lock
@@ -4703,10 +4703,10 @@ jkroso-type@1:
   resolved "https://registry.yarnpkg.com/jkroso-type/-/jkroso-type-1.1.1.tgz#bc4ced6d6c45fe0745282bafc86a9f8c4fc9ce61"
   integrity sha1-vEztbWxF/gdFKCuvyGqfjE/JzmE=
 
-js-cookie@^2.2.1:
-  version "2.2.1"
-  resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-2.2.1.tgz#69e106dc5d5806894562902aa5baec3744e9b2b8"
-  integrity sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==
+js-cookie@^3.0.7:
+  version "3.0.7"
+  resolved "https://registry.yarnpkg.com/js-cookie/-/js-cookie-3.0.7.tgz#0a53abfc459c8e89c85d7a38eb6cb68714965b8c"
+  integrity sha512-z/wZZgDrkNV1eA0ULjM/F9/50Ya8fbzgKneSpoPsXSGd0KnpdtHfOZWK+GcwLk+EZbS4F9RBhU+K2RgzuDaItw==
 
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"