diff --git a/package-lock.json b/package-lock.json
index 868939ee..8cac4977 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,7 +10,7 @@
       "license": "AGPL-3.0",
       "dependencies": {
         "@edx/brand": "npm:@edx/brand-openedx@1.1.0",
-        "@edx/frontend-component-cookie-policy-banner": "2.1.14",
+        "@edx/frontend-component-cookie-policy-banner": "2.2.0",
         "@edx/frontend-platform": "1.15.6",
         "@edx/paragon": "19.10.2",
         "@fortawesome/fontawesome-svg-core": "6.2.0",
@@ -3447,20 +3447,21 @@
       }
     },
     "node_modules/@edx/frontend-component-cookie-policy-banner": {
-      "version": "2.1.14",
-      "resolved": "https://registry.npmjs.org/@edx/frontend-component-cookie-policy-banner/-/frontend-component-cookie-policy-banner-2.1.14.tgz",
-      "integrity": "sha512-z1za22wiO62CIbthbUu5LB+kTnqYlI5IJdriXhtsf2+QzxVLKXwQJrGc10nQwKuDcaPKcYCIgpW87lf+u6eXXA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@edx/frontend-component-cookie-policy-banner/-/frontend-component-cookie-policy-banner-2.2.0.tgz",
+      "integrity": "sha512-Ye5tL8dU1v77Vtva9QkrgNG0I50sR317OK51/aQwHn50Aoq45FML29dbP8E5dy36QSqvF99bNFA4rptLigiTGQ==",
       "dependencies": {
         "@edx/brand-edx.org": "2.0.3",
-        "@edx/paragon": "^12.0.4",
+        "@edx/paragon": "^12.0.5",
         "babel-preset-minify": "^0.5.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.6.1",
+        "type-fest": "^2.14.0",
         "universal-cookie": "^4.0.0"
       },
       "peerDependencies": {
-        "react": "^16.1.0",
-        "react-dom": "^16.1.0"
+        "react": "^16.1.0 || ^17.0.0 || ^18.0.0",
+        "react-dom": "^16.1.0 || ^17.0.0 || ^18.0.0"
       }
     },
     "node_modules/@edx/frontend-component-cookie-policy-banner/node_modules/@edx/paragon": {
@@ -3606,6 +3607,17 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/@edx/frontend-component-cookie-policy-banner/node_modules/type-fest": {
+      "version": "2.19.0",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+      "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==",
+      "engines": {
+        "node": ">=12.20"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/@edx/frontend-platform": {
       "version": "1.15.6",
       "resolved": "https://registry.npmjs.org/@edx/frontend-platform/-/frontend-platform-1.15.6.tgz",
@@ -30678,15 +30690,16 @@
       }
     },
     "@edx/frontend-component-cookie-policy-banner": {
-      "version": "2.1.14",
-      "resolved": "https://registry.npmjs.org/@edx/frontend-component-cookie-policy-banner/-/frontend-component-cookie-policy-banner-2.1.14.tgz",
-      "integrity": "sha512-z1za22wiO62CIbthbUu5LB+kTnqYlI5IJdriXhtsf2+QzxVLKXwQJrGc10nQwKuDcaPKcYCIgpW87lf+u6eXXA==",
+      "version": "2.2.0",
+      "resolved": "https://registry.npmjs.org/@edx/frontend-component-cookie-policy-banner/-/frontend-component-cookie-policy-banner-2.2.0.tgz",
+      "integrity": "sha512-Ye5tL8dU1v77Vtva9QkrgNG0I50sR317OK51/aQwHn50Aoq45FML29dbP8E5dy36QSqvF99bNFA4rptLigiTGQ==",
       "requires": {
         "@edx/brand-edx.org": "2.0.3",
-        "@edx/paragon": "^12.0.4",
+        "@edx/paragon": "^12.0.5",
         "babel-preset-minify": "^0.5.0",
         "classnames": "^2.3.1",
         "prop-types": "^15.6.1",
+        "type-fest": "^2.14.0",
         "universal-cookie": "^4.0.0"
       },
       "dependencies": {
@@ -30794,6 +30807,11 @@
           "version": "0.6.1",
           "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
           "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
+        },
+        "type-fest": {
+          "version": "2.19.0",
+          "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-2.19.0.tgz",
+          "integrity": "sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA=="
         }
       }
     },
diff --git a/package.json b/package.json
index 0537247a..3bfd0bf8 100644
--- a/package.json
+++ b/package.json
@@ -35,7 +35,7 @@
   },
   "dependencies": {
     "@edx/brand": "npm:@edx/brand-openedx@1.1.0",
-    "@edx/frontend-component-cookie-policy-banner": "2.1.14",
+    "@edx/frontend-component-cookie-policy-banner": "2.2.0",
     "@edx/frontend-platform": "1.15.6",
     "@edx/paragon": "19.10.2",
     "@fortawesome/fontawesome-svg-core": "6.2.0",