diff --git a/gatsby-theme-doctocat-typescript/package.json b/gatsby-theme-doctocat-typescript/package.json
index 239f160..18c2d3c 100644
--- a/gatsby-theme-doctocat-typescript/package.json
+++ b/gatsby-theme-doctocat-typescript/package.json
@@ -25,7 +25,7 @@
   "dependencies": {
     "@gatsbyjs/reach-router": "^2.0.1",
     "@mdx-js/mdx": "^3.1.0",
-    "@mdx-js/react": "^2.3.0",
+    "@mdx-js/react": "^3.1.0",
     "@octokit/types": "^13.6.1",
     "@primer/component-metadata": "^0.5.1",
     "@primer/octicons-react": "^19.12.0",
diff --git a/package-lock.json b/package-lock.json
index a0fcae4..b54ba62 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -507,7 +507,7 @@
       "dependencies": {
         "@gatsbyjs/reach-router": "^2.0.1",
         "@mdx-js/mdx": "^3.1.0",
-        "@mdx-js/react": "^2.3.0",
+        "@mdx-js/react": "^3.1.0",
         "@octokit/types": "^13.6.1",
         "@primer/component-metadata": "^0.5.1",
         "@primer/octicons-react": "^19.12.0",
@@ -4992,18 +4992,19 @@
       }
     },
     "node_modules/@mdx-js/react": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-2.3.0.tgz",
-      "integrity": "sha512-zQH//gdOmuu7nt2oJR29vFhDv88oGPmVw6BggmrHeMI+xgEkp1B2dX9/bMBSYtK0dyLX/aOmesKS09g222K1/g==",
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/@mdx-js/react/-/react-3.1.0.tgz",
+      "integrity": "sha512-QjHtSaoameoalGnKDT3FoIl4+9RwyTmo9ZJGBdLOks/YOiWHoRDI3PUwEzOE7kEmGcV3AFcp9K6dYu9rEuKLAQ==",
+      "license": "MIT",
       "dependencies": {
-        "@types/mdx": "^2.0.0",
-        "@types/react": ">=16"
+        "@types/mdx": "^2.0.0"
       },
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/unified"
       },
       "peerDependencies": {
+        "@types/react": ">=16",
         "react": ">=16"
       }
     },