diff --git a/themes/gatsby-theme-graphql-playground/package.json b/themes/gatsby-theme-graphql-playground/package.json
index 9c134acd0..5b1f7950e 100755
--- a/themes/gatsby-theme-graphql-playground/package.json
+++ b/themes/gatsby-theme-graphql-playground/package.json
@@ -23,7 +23,7 @@
     "@emotion/react": "^11.11.4",
     "@lekoarts/themes-utils": "^3.0.1",
     "@mapbox/rehype-prism": "^0.9.0",
-    "@mdx-js/react": "^2.3.0",
+    "@mdx-js/react": "^3.0.1",
     "@theme-ui/mdx": "~0.15.3",
     "@theme-ui/preset-tailwind": "0.15.3",
     "@theme-ui/sidenav": "~0.15.3",
diff --git a/yarn.lock b/yarn.lock
index c95fe1bbc..c289c764c 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2723,7 +2723,7 @@ __metadata:
     "@emotion/react": "npm:^11.11.4"
     "@lekoarts/themes-utils": "npm:^3.0.1"
     "@mapbox/rehype-prism": "npm:^0.9.0"
-    "@mdx-js/react": "npm:^2.3.0"
+    "@mdx-js/react": "npm:^3.0.1"
     "@theme-ui/mdx": "npm:~0.15.3"
     "@theme-ui/preset-tailwind": "npm:0.15.3"
     "@theme-ui/sidenav": "npm:~0.15.3"
@@ -3132,6 +3132,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@mdx-js/react@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "@mdx-js/react@npm:3.0.1"
+  dependencies:
+    "@types/mdx": "npm:^2.0.0"
+  peerDependencies:
+    "@types/react": ">=16"
+    react: ">=16"
+  checksum: 10c0/d210d926ef488d39ad65f04d821936b668eadcdde3b6421e94ec4200ca7ad17f17d24c5cbc543882586af9f08b10e2eea715c728ce6277487945e05c5199f532
+  languageName: node
+  linkType: hard
+
 "@mischnic/json-sourcemap@npm:^0.1.0":
   version: 0.1.0
   resolution: "@mischnic/json-sourcemap@npm:0.1.0"