diff --git a/packages/web-components/package-lock.json b/packages/web-components/package-lock.json
index c5e66effff..b4a40638d3 100644
--- a/packages/web-components/package-lock.json
+++ b/packages/web-components/package-lock.json
@@ -30,6 +30,8 @@
         "@types/autoprefixer": "^10.2.0",
         "@types/jest": "^26.0.24",
         "@types/jest-axe": "^3.5.3",
+        "@types/react": "^17.0.37",
+        "@types/react-dom": "^17.0.11",
         "autoprefixer": "^10.4.2",
         "babel-loader": "^8.2.3",
         "jest": "^26.6.3",
@@ -7316,16 +7318,27 @@
       "dev": true
     },
     "node_modules/@types/react": {
-      "version": "18.2.48",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-18.2.48.tgz",
-      "integrity": "sha512-qboRCl6Ie70DQQG9hhNREz81jqC1cs9EVNcjQ1AU+jH6NFfSAhVVbrrY/+nSF+Bsk4AOwm9Qa61InvMCyV+H3w==",
+      "version": "17.0.83",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.83.tgz",
+      "integrity": "sha512-l0m4ArKJvmFtR4e8UmKrj1pB4tUgOhJITf+mADyF/p69Ts1YAR/E+G9XEM0mHXKVRa1dQNHseyyDNzeuAXfXQw==",
       "dev": true,
+      "license": "MIT",
       "dependencies": {
         "@types/prop-types": "*",
-        "@types/scheduler": "*",
+        "@types/scheduler": "^0.16",
         "csstype": "^3.0.2"
       }
     },
+    "node_modules/@types/react-dom": {
+      "version": "17.0.26",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-17.0.26.tgz",
+      "integrity": "sha512-Z+2VcYXJwOqQ79HreLU/1fyQ88eXSSFh6I3JdrEHQIfYSI0kCQpTGvOrbE6jFGGYXKsHuwY9tBa/w5Uo6KzrEg==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^17.0.0"
+      }
+    },
     "node_modules/@types/scheduler": {
       "version": "0.16.8",
       "resolved": "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.8.tgz",
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
index ff1e910a10..597f484ccc 100644
--- a/packages/web-components/package.json
+++ b/packages/web-components/package.json
@@ -72,6 +72,8 @@
     "@types/autoprefixer": "^10.2.0",
     "@types/jest": "^26.0.24",
     "@types/jest-axe": "^3.5.3",
+    "@types/react": "^17.0.37",
+    "@types/react-dom": "^17.0.11",
     "autoprefixer": "^10.4.2",
     "babel-loader": "^8.2.3",
     "jest": "^26.6.3",