diff --git a/.changeset/hip-dragons-bathe.md b/.changeset/hip-dragons-bathe.md
new file mode 100644
index 00000000000..3acea8be1a3
--- /dev/null
+++ b/.changeset/hip-dragons-bathe.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": minor
+---
+
+Add support for importing `@primer/react/generated/components.json` to npm package
diff --git a/package-lock.json b/package-lock.json
index 89e99c4f922..f750449aed6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -7019,6 +7019,27 @@
         "node": ">=10"
       }
     },
+    "node_modules/@rollup/plugin-json": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-json/-/plugin-json-6.1.0.tgz",
+      "integrity": "sha512-EGI2te5ENk1coGeADSIwZ7G2Q8CJS2sF120T7jLw4xFw9n7wIOXHo+kIYRAoVpJAN+kmqZSoO3Fp4JtoNF4ReA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rollup/pluginutils": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@rollup/plugin-node-resolve": {
       "version": "15.2.3",
       "dev": true,
@@ -30760,6 +30781,7 @@
         "@primer/css": "^21.5.1",
         "@rollup/plugin-babel": "6.0.4",
         "@rollup/plugin-commonjs": "25.0.4",
+        "@rollup/plugin-json": "6.1.0",
         "@rollup/plugin-node-resolve": "15.1.0",
         "@rollup/plugin-replace": "6.0.2",
         "@rollup/plugin-terser": "0.4.4",
diff --git a/packages/react/package.json b/packages/react/package.json
index 7026d749181..7f4d28c224b 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -24,7 +24,9 @@
     "./test-helpers": {
       "import": "./lib-esm/test-helpers.js",
       "require": "./lib/test-helpers.js"
-    }
+    },
+    "./generated/components.json": "./generated/components.json",
+    "./generated/hooks.json": "./generated/hooks.json"
   },
   "typings": "lib/index.d.ts",
   "sideEffects": [
@@ -120,6 +122,7 @@
     "@primer/css": "^21.5.1",
     "@rollup/plugin-babel": "6.0.4",
     "@rollup/plugin-commonjs": "25.0.4",
+    "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "15.1.0",
     "@rollup/plugin-replace": "6.0.2",
     "@rollup/plugin-terser": "0.4.4",
diff --git a/packages/react/script/get-export-sizes.js b/packages/react/script/get-export-sizes.js
index 5079553cda4..72388794319 100644
--- a/packages/react/script/get-export-sizes.js
+++ b/packages/react/script/get-export-sizes.js
@@ -6,6 +6,7 @@ const core = require('@actions/core')
 const commonjs = require('@rollup/plugin-commonjs')
 const {nodeResolve} = require('@rollup/plugin-node-resolve')
 const virtual = require('@rollup/plugin-virtual')
+const json = require('@rollup/plugin-json')
 const {filesize} = require('filesize')
 const {rollup} = require('rollup')
 const {minify} = require('terser')
@@ -54,6 +55,7 @@ async function main() {
         commonjs({
           include: [/node_modules/],
         }),
+        json(),
         noopCSSModules,
       ],
       onwarn: () => {},
@@ -78,6 +80,7 @@ async function main() {
             include: /node_modules/,
           }),
           noopCSSModules,
+          json(),
           virtual({
             __entrypoint__: `export { ${identifier} } from '${filepath}';`,
           }),