diff --git a/.changeset/little-moles-pull.md b/.changeset/little-moles-pull.md
index 8a8d6da972..7fee7e5148 100644
--- a/.changeset/little-moles-pull.md
+++ b/.changeset/little-moles-pull.md
@@ -2,4 +2,22 @@
 '@backstage/create-app': patch
 ---
 
-Add resolution for version 17 `@types/react` due to breaking changes introduced in version 18.
+Add resolution for version 17 `@types/react` and `types/react-dom` due to breaking changes introduced in version 18.
+
+To apply these changes to your existing installation. Add a resolutions block to your `package.json`
+
+```json
+  "resolutions": {
+    "@types/react": "^17",
+    "@types/react-dom": "^17"
+  },
+```
+
+If your depending on react 16 in use this resolution block instead.
+
+```json
+  "resolutions": {
+    "@types/react": "^16",
+    "@types/react-dom": "^16"
+  },
+```
diff --git a/package.json b/package.json
index 3154188414..dc72b8974b 100644
--- a/package.json
+++ b/package.json
@@ -46,7 +46,8 @@
   },
   "resolutions": {
     "**/@graphql-codegen/cli/**/ws": "^7.4.6",
-    "@types/react": "^17.0.39"
+    "@types/react": "^17",
+    "@types/react-dom": "^17"
   },
   "version": "1.1.0-next.2",
   "dependencies": {
diff --git a/packages/create-app/templates/default-app/package.json.hbs b/packages/create-app/templates/default-app/package.json.hbs
index 55a1b63aa9..5bdbec7971 100644
--- a/packages/create-app/templates/default-app/package.json.hbs
+++ b/packages/create-app/templates/default-app/package.json.hbs
@@ -38,7 +38,8 @@
     "typescript": "~4.5.4"
   },
   "resolutions": {
-    "@types/react": "^17.0.39"
+    "@types/react": "^17",
+    "@types/react-dom": "^17"
   },
   "prettier": "@spotify/prettier-config",
   "lint-staged": {