diff --git a/web/package-lock.json b/web/package-lock.json
index af2c37f94..63b5049fd 100644
--- a/web/package-lock.json
+++ b/web/package-lock.json
@@ -453,9 +453,9 @@
       "dev": true
     },
     "@types/react": {
-      "version": "16.9.49",
-      "resolved": "https://registry.npmjs.org/@types/react/-/react-16.9.49.tgz",
-      "integrity": "sha512-DtLFjSj0OYAdVLBbyjhuV9CdGVHCkHn2R+xr3XkBvK2rS1Y1tkc14XSGjYgm5Fjjr90AxH9tiSzc1pCFMGO06g==",
+      "version": "17.0.2",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-17.0.2.tgz",
+      "integrity": "sha512-Xt40xQsrkdvjn1EyWe1Bc0dJLcil/9x2vAuW7ya+PuQip4UYUaXyhzWmAbwRsdMgwOFHpfp7/FFZebDU6Y8VHA==",
       "dev": true,
       "requires": {
         "@types/prop-types": "*",
@@ -1738,9 +1738,9 @@
       }
     },
     "csstype": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.3.tgz",
-      "integrity": "sha512-jPl+wbWPOWJ7SXsWyqGRk3lGecbar0Cb0OvZF/r/ZU011R4YqiRehgkQ9p4eQfo9DSDLqLL3wHwfxeJiuIsNag==",
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.0.6.tgz",
+      "integrity": "sha512-+ZAmfyWMT7TiIlzdqJgjMb7S4f1beorDbWbsocyK4RaiqA5RTX3K14bnBWmmA9QEM0gRdsjyyrEmcyga8Zsxmw==",
       "dev": true
     },
     "damerau-levenshtein": {
diff --git a/web/package.json b/web/package.json
index 9510f3f7a..61a1b5f16 100644
--- a/web/package.json
+++ b/web/package.json
@@ -27,7 +27,7 @@
     "@types/classnames": "^2.2.11",
     "@types/node": "^14.14.28",
     "@types/prop-types": "^15.7.3",
-    "@types/react": "^16.9.49",
+    "@types/react": "^17.0.2",
     "@types/react-linkify": "^1.0.0",
     "@typescript-eslint/eslint-plugin": "^4.3.0",
     "@typescript-eslint/parser": "^4.15.1",