diff --git a/.changeset/hungry-seals-fix.md b/.changeset/hungry-seals-fix.md
new file mode 100644
index 00000000000..269bd7d6c35
--- /dev/null
+++ b/.changeset/hungry-seals-fix.md
@@ -0,0 +1,5 @@
+---
+'graphiql': patch
+---
+
+add react 17, 18 in peerDependencies
diff --git a/packages/graphiql/package.json b/packages/graphiql/package.json
index cf2057d0694..31d522fc44c 100644
--- a/packages/graphiql/package.json
+++ b/packages/graphiql/package.json
@@ -54,8 +54,8 @@
   },
   "peerDependencies": {
     "graphql": ">= v14.5.0 <= 15.5.0",
-    "react": "^16.8.0",
-    "react-dom": "^16.8.0"
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.4.0",