diff --git a/packages/app-defaults/package.json b/packages/app-defaults/package.json
index 695d457455..6a324397a8 100644
--- a/packages/app-defaults/package.json
+++ b/packages/app-defaults/package.json
@@ -35,9 +35,11 @@
     "@backstage/theme": "^0.2.14",
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
-    "react": "^16.12.0",
     "react-router-dom": "6.0.0-beta.0"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/test-utils": "^0.1.22",
diff --git a/packages/core-app-api/package.json b/packages/core-app-api/package.json
index 9ab3e097d1..cbf8acb219 100644
--- a/packages/core-app-api/package.json
+++ b/packages/core-app-api/package.json
@@ -41,11 +41,13 @@
     "@types/react": "*",
     "@types/prop-types": "^15.7.3",
     "prop-types": "^15.7.2",
-    "react": "^16.12.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4",
     "zen-observable": "^0.8.15"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/test-utils": "^0.1.23",
diff --git a/packages/core-components/package.json b/packages/core-components/package.json
index 80bfe64629..804b4f03a4 100644
--- a/packages/core-components/package.json
+++ b/packages/core-components/package.json
@@ -53,8 +53,6 @@
     "prop-types": "^15.7.2",
     "qs": "^6.9.4",
     "rc-progress": "^3.0.0",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
     "react-helmet": "6.1.0",
     "react-hook-form": "^7.12.2",
     "react-markdown": "^7.0.1",
@@ -67,6 +65,10 @@
     "remark-gfm": "^2.0.0",
     "zen-observable": "^0.8.15"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/core-app-api": "^0.1.24",
     "@backstage/cli": "^0.10.0",
diff --git a/packages/core-plugin-api/package.json b/packages/core-plugin-api/package.json
index 3e07207c9d..462c8e45d7 100644
--- a/packages/core-plugin-api/package.json
+++ b/packages/core-plugin-api/package.json
@@ -37,11 +37,13 @@
     "@types/react": "*",
     "history": "^5.0.0",
     "prop-types": "^15.7.2",
-    "react": "^16.12.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4",
     "zen-observable": "^0.8.15"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/packages/dev-utils/package.json b/packages/dev-utils/package.json
index 110d774777..1b1dd66929 100644
--- a/packages/dev-utils/package.json
+++ b/packages/dev-utils/package.json
@@ -44,14 +44,16 @@
     "@testing-library/react": "^11.2.5",
     "@testing-library/user-event": "^13.1.8",
     "@types/react": "*",
-    "react": "^16.12.0",
     "react-use": "^17.2.4",
-    "react-dom": "^16.12.0",
     "react-hot-loader": "^4.12.21",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "zen-observable": "^0.8.15"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@types/jest": "^26.0.7",
diff --git a/packages/integration-react/package.json b/packages/integration-react/package.json
index be38d92b64..9dcd0fdb2e 100644
--- a/packages/integration-react/package.json
+++ b/packages/integration-react/package.json
@@ -29,10 +29,11 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/dev-utils": "^0.2.13",
diff --git a/packages/test-utils/package.json b/packages/test-utils/package.json
index 87c5b346f6..7b14a33805 100644
--- a/packages/test-utils/package.json
+++ b/packages/test-utils/package.json
@@ -39,12 +39,13 @@
     "@testing-library/react": "^11.2.5",
     "@testing-library/user-event": "^13.1.8",
     "@types/react": "*",
-    "react": "^16.12.0",
-    "react-dom": "^16.12.0",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "zen-observable": "^0.8.15"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@types/jest": "^26.0.7",
diff --git a/packages/version-bridge/package.json b/packages/version-bridge/package.json
index 89baaea2f5..45aa99efe8 100644
--- a/packages/version-bridge/package.json
+++ b/packages/version-bridge/package.json
@@ -29,8 +29,10 @@
     "clean": "backstage-cli clean"
   },
   "dependencies": {
-    "@types/react": "*",
-    "react": "^16.12.0"
+    "@types/react": "*"
+  },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
   },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
diff --git a/plugins/allure/package.json b/plugins/allure/package.json
index 5c795e919f..f4e8ba1c1d 100644
--- a/plugins/allure/package.json
+++ b/plugins/allure/package.json
@@ -30,11 +30,12 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/analytics-module-ga/package.json b/plugins/analytics-module-ga/package.json
index e3a3c74111..8e36c7225e 100644
--- a/plugins/analytics-module-ga/package.json
+++ b/plugins/analytics-module-ga/package.json
@@ -28,11 +28,12 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-ga": "^3.3.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/api-docs/package.json b/plugins/api-docs/package.json
index 984b534850..bafdd40b06 100644
--- a/plugins/api-docs/package.json
+++ b/plugins/api-docs/package.json
@@ -44,14 +44,15 @@
     "graphiql": "^1.5.12",
     "graphql": "^16.0.0",
     "isomorphic-form-data": "^2.0.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4",
     "swagger-client": "3.16.1",
     "swagger-ui-react": "^4.0.0-rc.3"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/azure-devops/package.json b/plugins/azure-devops/package.json
index 29f133ab5b..05c64c9b76 100644
--- a/plugins/azure-devops/package.json
+++ b/plugins/azure-devops/package.json
@@ -39,11 +39,12 @@
     "@material-ui/lab": "4.0.0-alpha.57",
     "humanize-duration": "^3.27.0",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/badges/package.json b/plugins/badges/package.json
index 7c478c0a26..a75f3c3b85 100644
--- a/plugins/badges/package.json
+++ b/plugins/badges/package.json
@@ -36,11 +36,12 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/bazaar/package.json b/plugins/bazaar/package.json
index 2defba5cca..9cefc6c2dd 100644
--- a/plugins/bazaar/package.json
+++ b/plugins/bazaar/package.json
@@ -34,12 +34,13 @@
     "@material-ui/pickers": "^3.3.10",
     "@testing-library/jest-dom": "^5.10.1",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-hook-form": "^7.13.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/dev-utils": "^0.2.13",
diff --git a/plugins/bitrise/package.json b/plugins/bitrise/package.json
index b036610f0a..71af8abf83 100644
--- a/plugins/bitrise/package.json
+++ b/plugins/bitrise/package.json
@@ -33,11 +33,12 @@
     "lodash": "^4.17.21",
     "luxon": "^2.0.2",
     "qs": "^6.9.6",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4",
     "recharts": "^1.8.5"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/catalog-graph/package.json b/plugins/catalog-graph/package.json
index 2a44593a4a..e6cdaa0b02 100644
--- a/plugins/catalog-graph/package.json
+++ b/plugins/catalog-graph/package.json
@@ -35,11 +35,12 @@
     "lodash": "^4.17.15",
     "p-limit": "^3.1.0",
     "qs": "^6.9.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/catalog-import/package.json b/plugins/catalog-import/package.json
index b370c9fa33..7b41d63592 100644
--- a/plugins/catalog-import/package.json
+++ b/plugins/catalog-import/package.json
@@ -47,13 +47,14 @@
     "git-url-parse": "^11.6.0",
     "js-base64": "^3.6.0",
     "lodash": "^4.17.21",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-hook-form": "^7.12.2",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4",
     "yaml": "^1.10.0"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/catalog-react/package.json b/plugins/catalog-react/package.json
index c65f9144e5..d7a3bb16a4 100644
--- a/plugins/catalog-react/package.json
+++ b/plugins/catalog-react/package.json
@@ -45,11 +45,13 @@
     "jwt-decode": "^3.1.0",
     "lodash": "^4.17.21",
     "qs": "^6.9.4",
-    "react": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4",
     "zen-observable": "^0.8.15"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/test-utils": "^0.1.22",
diff --git a/plugins/catalog/package.json b/plugins/catalog/package.json
index 6caadb7b42..2872270c13 100644
--- a/plugins/catalog/package.json
+++ b/plugins/catalog/package.json
@@ -45,12 +45,13 @@
     "@types/react": "*",
     "history": "^5.0.0",
     "lodash": "^4.17.21",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-helmet": "6.1.0",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/circleci/package.json b/plugins/circleci/package.json
index 45579ab82b..9d94d61dcd 100644
--- a/plugins/circleci/package.json
+++ b/plugins/circleci/package.json
@@ -44,13 +44,14 @@
     "humanize-duration": "^3.27.0",
     "lodash": "^4.17.21",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-lazylog": "^4.5.2",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/cloudbuild/package.json b/plugins/cloudbuild/package.json
index 3c9e14c9e7..6fab2b8d35 100644
--- a/plugins/cloudbuild/package.json
+++ b/plugins/cloudbuild/package.json
@@ -41,13 +41,14 @@
     "@material-ui/lab": "4.0.0-alpha.57",
     "luxon": "^2.0.2",
     "qs": "^6.9.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-lazylog": "^4.5.3",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/code-coverage/package.json b/plugins/code-coverage/package.json
index 907a0abcd7..d1a7d019bb 100644
--- a/plugins/code-coverage/package.json
+++ b/plugins/code-coverage/package.json
@@ -34,13 +34,14 @@
     "@material-ui/styles": "^4.11.0",
     "highlight.js": "^10.6.0",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4",
     "recharts": "^1.8.5"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/config-schema/package.json b/plugins/config-schema/package.json
index 6b79c5493c..be9fb7fb12 100644
--- a/plugins/config-schema/package.json
+++ b/plugins/config-schema/package.json
@@ -31,11 +31,12 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "jsonschema": "^1.2.6",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4",
     "zen-observable": "^0.8.15"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/cost-insights/package.json b/plugins/cost-insights/package.json
index 6a2d582d63..eb2e45b2c4 100644
--- a/plugins/cost-insights/package.json
+++ b/plugins/cost-insights/package.json
@@ -46,14 +46,15 @@
     "luxon": "^2.0.2",
     "pluralize": "^8.0.0",
     "qs": "^6.9.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4",
     "recharts": "^1.8.5",
     "regression": "^2.0.1",
     "yup": "^0.32.9"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/explore/package.json b/plugins/explore/package.json
index b4e08a526f..98d5d3644a 100644
--- a/plugins/explore/package.json
+++ b/plugins/explore/package.json
@@ -42,12 +42,13 @@
     "@material-ui/lab": "4.0.0-alpha.57",
     "@types/react": "*",
     "classnames": "^2.2.6",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/firehydrant/package.json b/plugins/firehydrant/package.json
index 2b3bf05b1e..e6cb9e8375 100644
--- a/plugins/firehydrant/package.json
+++ b/plugins/firehydrant/package.json
@@ -30,10 +30,11 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "luxon": "^1.27.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/fossa/package.json b/plugins/fossa/package.json
index 7d56fdc333..9c79b14685 100644
--- a/plugins/fossa/package.json
+++ b/plugins/fossa/package.json
@@ -44,10 +44,11 @@
     "cross-fetch": "^3.0.6",
     "luxon": "^2.0.2",
     "p-limit": "^3.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/gcp-projects/package.json b/plugins/gcp-projects/package.json
index a3a53b317e..17d43de3d2 100644
--- a/plugins/gcp-projects/package.json
+++ b/plugins/gcp-projects/package.json
@@ -37,11 +37,12 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router-dom": "^6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/git-release-manager/package.json b/plugins/git-release-manager/package.json
index c5ef82ac16..2082aeaf0f 100644
--- a/plugins/git-release-manager/package.json
+++ b/plugins/git-release-manager/package.json
@@ -32,12 +32,13 @@
     "@types/react": "*",
     "luxon": "^2.0.2",
     "qs": "^6.10.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4",
     "recharts": "^1.8.5"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/github-actions/package.json b/plugins/github-actions/package.json
index b0fa469a50..0ea8bbe9f2 100644
--- a/plugins/github-actions/package.json
+++ b/plugins/github-actions/package.json
@@ -44,13 +44,14 @@
     "@material-ui/lab": "4.0.0-alpha.57",
     "@octokit/rest": "^18.5.3",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-lazylog": "^4.5.3",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/github-deployments/package.json b/plugins/github-deployments/package.json
index a1dad4ecca..4836568a1f 100644
--- a/plugins/github-deployments/package.json
+++ b/plugins/github-deployments/package.json
@@ -34,10 +34,11 @@
     "@material-ui/lab": "4.0.0-alpha.57",
     "@octokit/graphql": "^4.5.8",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/gitops-profiles/package.json b/plugins/gitops-profiles/package.json
index 6b211f59ed..5cc63e43df 100644
--- a/plugins/gitops-profiles/package.json
+++ b/plugins/gitops-profiles/package.json
@@ -38,11 +38,12 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/graphiql/package.json b/plugins/graphiql/package.json
index a3aaf7fa69..06dd85aeee 100644
--- a/plugins/graphiql/package.json
+++ b/plugins/graphiql/package.json
@@ -39,10 +39,11 @@
     "@material-ui/lab": "4.0.0-alpha.57",
     "graphiql": "^1.5.12",
     "graphql": "^16.0.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/home/package.json b/plugins/home/package.json
index 97ec5fdfc2..81fead15c0 100644
--- a/plugins/home/package.json
+++ b/plugins/home/package.json
@@ -29,11 +29,12 @@
     "@material-ui/lab": "4.0.0-alpha.57",
     "@types/react": "*",
     "lodash": "^4.17.21",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/ilert/package.json b/plugins/ilert/package.json
index 2e477b2f06..4d7cfd9bfb 100644
--- a/plugins/ilert/package.json
+++ b/plugins/ilert/package.json
@@ -34,10 +34,11 @@
     "@material-ui/pickers": "^3.3.10",
     "humanize-duration": "^3.26.0",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/jenkins/package.json b/plugins/jenkins/package.json
index e879d13a88..cc23fe1265 100644
--- a/plugins/jenkins/package.json
+++ b/plugins/jenkins/package.json
@@ -41,12 +41,13 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/kafka/package.json b/plugins/kafka/package.json
index 41d677aece..0e0bff24dc 100644
--- a/plugins/kafka/package.json
+++ b/plugins/kafka/package.json
@@ -29,11 +29,12 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/kubernetes/package.json b/plugins/kubernetes/package.json
index 5e7a5bdf8d..1997da237a 100644
--- a/plugins/kubernetes/package.json
+++ b/plugins/kubernetes/package.json
@@ -46,11 +46,12 @@
     "js-yaml": "^4.0.0",
     "lodash": "^4.17.21",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/lighthouse/package.json b/plugins/lighthouse/package.json
index cbd5db27b4..c59add10f0 100644
--- a/plugins/lighthouse/package.json
+++ b/plugins/lighthouse/package.json
@@ -41,11 +41,12 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/newrelic/package.json b/plugins/newrelic/package.json
index 6676547a85..b064e94bcc 100644
--- a/plugins/newrelic/package.json
+++ b/plugins/newrelic/package.json
@@ -38,10 +38,11 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/org/package.json b/plugins/org/package.json
index 2adb6c5d18..2e324513ef 100644
--- a/plugins/org/package.json
+++ b/plugins/org/package.json
@@ -30,12 +30,13 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "qs": "^6.10.1",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/pagerduty/package.json b/plugins/pagerduty/package.json
index 13cb8854ae..c0292d008b 100644
--- a/plugins/pagerduty/package.json
+++ b/plugins/pagerduty/package.json
@@ -42,11 +42,12 @@
     "@types/react": "*",
     "classnames": "^2.2.6",
     "luxon": "2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/permission-react/package.json b/plugins/permission-react/package.json
index 26c5f71da0..288b4a7857 100644
--- a/plugins/permission-react/package.json
+++ b/plugins/permission-react/package.json
@@ -32,10 +32,12 @@
     "@backstage/plugin-permission-common": "^0.2.0",
     "@types/react": "*",
     "cross-fetch": "^3.0.6",
-    "react": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/test-utils": "^0.1.22",
diff --git a/plugins/rollbar/package.json b/plugins/rollbar/package.json
index d71c5e1cfe..f28f44ab14 100644
--- a/plugins/rollbar/package.json
+++ b/plugins/rollbar/package.json
@@ -41,13 +41,14 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "lodash": "^4.17.21",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-sparklines": "^1.7.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/scaffolder/package.json b/plugins/scaffolder/package.json
index 404bfcd387..817621c558 100644
--- a/plugins/scaffolder/package.json
+++ b/plugins/scaffolder/package.json
@@ -56,8 +56,6 @@
     "lodash": "^4.17.21",
     "luxon": "^2.0.2",
     "qs": "^6.9.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-lazylog": "^4.5.2",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
@@ -65,6 +63,9 @@
     "use-immer": "^0.6.0",
     "zen-observable": "^0.8.15"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/search/package.json b/plugins/search/package.json
index 1804a7aca8..211c454573 100644
--- a/plugins/search/package.json
+++ b/plugins/search/package.json
@@ -44,12 +44,13 @@
     "@material-ui/lab": "4.0.0-alpha.57",
     "@types/react": "*",
     "qs": "^6.9.4",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/sentry/package.json b/plugins/sentry/package.json
index bb99225479..7b45c2c981 100644
--- a/plugins/sentry/package.json
+++ b/plugins/sentry/package.json
@@ -41,12 +41,13 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-sparklines": "^1.7.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/shortcuts/package.json b/plugins/shortcuts/package.json
index f1f41854ef..352cae13be 100644
--- a/plugins/shortcuts/package.json
+++ b/plugins/shortcuts/package.json
@@ -29,14 +29,15 @@
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
     "@types/zen-observable": "^0.8.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-hook-form": "^7.12.2",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4",
     "uuid": "^8.3.2",
     "zen-observable": "^0.8.15"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/sonarqube/package.json b/plugins/sonarqube/package.json
index 36c903701f..34d206846f 100644
--- a/plugins/sonarqube/package.json
+++ b/plugins/sonarqube/package.json
@@ -44,10 +44,11 @@
     "@material-ui/styles": "^4.10.0",
     "cross-fetch": "^3.0.6",
     "rc-progress": "^3.0.0",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/splunk-on-call/package.json b/plugins/splunk-on-call/package.json
index 28ce356d9c..757f8d6dc9 100644
--- a/plugins/splunk-on-call/package.json
+++ b/plugins/splunk-on-call/package.json
@@ -41,11 +41,12 @@
     "@material-ui/lab": "4.0.0-alpha.57",
     "classnames": "^2.2.6",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router-dom": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/tech-insights/package.json b/plugins/tech-insights/package.json
index a55a0ce904..a5d8f87232 100644
--- a/plugins/tech-insights/package.json
+++ b/plugins/tech-insights/package.json
@@ -26,8 +26,6 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4",
     "react-router-dom": "6.0.0-beta.0",
     "@backstage/plugin-catalog-react": "^0.6.4",
@@ -36,6 +34,9 @@
     "@backstage/errors": "^0.1.4",
     "@backstage/types": "^0.1.1"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/tech-radar/package.json b/plugins/tech-radar/package.json
index d377318e4b..e8a75644f8 100644
--- a/plugins/tech-radar/package.json
+++ b/plugins/tech-radar/package.json
@@ -40,10 +40,11 @@
     "color": "^4.0.1",
     "d3-force": "^2.0.1",
     "prop-types": "^15.7.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/techdocs/package.json b/plugins/techdocs/package.json
index c65fba7210..840cb2cea1 100644
--- a/plugins/techdocs/package.json
+++ b/plugins/techdocs/package.json
@@ -52,14 +52,16 @@
     "event-source-polyfill": "^1.0.25",
     "git-url-parse": "^11.6.0",
     "lodash": "^4.17.21",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-lazylog": "^4.5.2",
     "react-router": "6.0.0-beta.0",
     "react-router-dom": "6.0.0-beta.0",
     "react-text-truncate": "^0.16.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0",
+    "react-dom": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/todo/package.json b/plugins/todo/package.json
index 1fadc213af..ad00f6dee5 100644
--- a/plugins/todo/package.json
+++ b/plugins/todo/package.json
@@ -36,10 +36,11 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/user-settings/package.json b/plugins/user-settings/package.json
index feab9dcf93..ba1d464453 100644
--- a/plugins/user-settings/package.json
+++ b/plugins/user-settings/package.json
@@ -37,11 +37,12 @@
     "@material-ui/core": "^4.12.2",
     "@material-ui/icons": "^4.9.1",
     "@material-ui/lab": "4.0.0-alpha.57",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-router": "6.0.0-beta.0",
     "react-use": "^17.2.4"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",
diff --git a/plugins/xcmetrics/package.json b/plugins/xcmetrics/package.json
index aa2f6169e3..7a7113a984 100644
--- a/plugins/xcmetrics/package.json
+++ b/plugins/xcmetrics/package.json
@@ -30,11 +30,12 @@
     "@material-ui/lab": "4.0.0-alpha.57",
     "lodash": "^4.17.21",
     "luxon": "^2.0.2",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
     "react-use": "^17.2.4",
     "recharts": "^1.8.5"
   },
+  "peerDependencies": {
+    "react": "^16.13.1 || ^17.0.0"
+  },
   "devDependencies": {
     "@backstage/cli": "^0.10.0",
     "@backstage/core-app-api": "^0.1.24",