docs(storybook): add react plugin for fast refresh (#4964)

Co-authored-by: Josh Black <joshblack@users.noreply.github.com>
primer · Sep 13, 2024 · 6e294e8 · 6e294e8
1 parent 8ee4264
commit 6e294e8
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 9 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/react/.storybook/main.ts b/packages/react/.storybook/main.ts
@@ -1,5 +1,6 @@
 import {createRequire} from 'node:module'
 import path from 'node:path'
+import react from '@vitejs/plugin-react'
 import postcssPresetPrimer from 'postcss-preset-primer'
 import type {StorybookConfig} from '@storybook/react-vite'
 
@@ -48,12 +49,14 @@ const config: StorybookConfig = {
       },
     }
 
+    config.plugins = [...(config.plugins ?? []), react()]
+
     return config
   },
 }
 
 export default config
 
-function getAbsolutePath(value) {
+function getAbsolutePath(value: string) {
   return path.dirname(require.resolve(path.join(value, 'package.json')))
 }
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -163,6 +163,7 @@
     "@types/react-test-renderer": "18.3.0",
     "@types/semver": "7.5.8",
     "@types/styled-components": "^5.1.26",
+    "@vitejs/plugin-react": "^4.3.1",
     "ajv": "8.16.0",
     "axe-core": "4.9.1",
     "babel-core": "7.0.0-bridge.0",