feat(deps): Upgrade to Storybook v8 (#515)

Tobbe · web-flow · commit 01da650950a9 · 2025-11-08T03:09:47.000+01:00
diff --git a/__fixtures__/esm-fragment-test-project/package.json b/__fixtures__/esm-fragment-test-project/package.json
@@ -25,7 +25,6 @@
   },
   "packageManager": "yarn@4.9.2",
   "resolutions": {
-    "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",
     "react-is": "19.0.0-rc-f2df5694-20240916",
     "vite": "5.4.16"
   }
diff --git a/__fixtures__/esm-test-project/package.json b/__fixtures__/esm-test-project/package.json
@@ -26,7 +26,6 @@
   },
   "packageManager": "yarn@4.9.2",
   "resolutions": {
-    "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",
     "react-is": "19.0.0-rc-f2df5694-20240916",
     "vite": "5.4.16"
   }
diff --git a/__fixtures__/fragment-test-project/package.json b/__fixtures__/fragment-test-project/package.json
@@ -23,7 +23,6 @@
   },
   "packageManager": "yarn@4.9.2",
   "resolutions": {
-    "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",
     "react-is": "19.0.0-rc-f2df5694-20240916"
   }
 }
diff --git a/__fixtures__/test-project/package.json b/__fixtures__/test-project/package.json
@@ -24,7 +24,6 @@
   },
   "packageManager": "yarn@4.9.4",
   "resolutions": {
-    "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",
     "react-is": "19.0.0-rc-f2df5694-20240916"
   }
 }
diff --git a/package.json b/package.json
@@ -53,7 +53,6 @@
     "test:types": "nx run-many -t test:types"
   },
   "resolutions": {
-    "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",
     "vite": "5.4.19",
     "vscode-languageserver": "6.1.1",
     "vscode-languageserver-protocol": "3.17.5",
diff --git a/packages/cli-packages/storybook-vite/package.json b/packages/cli-packages/storybook-vite/package.json
@@ -28,7 +28,7 @@
     "ansis": "4.1.0",
     "execa": "5.1.1",
     "semver": "7.6.3",
-    "storybook": "7.6.20",
+    "storybook": "8.6.14",
     "storybook-framework-cedarjs": "workspace:*",
     "termi-link": "1.1.0",
     "vitest": "3.2.4",
diff --git a/packages/create-cedar-app/templates/esm-js/package.json b/packages/create-cedar-app/templates/esm-js/package.json
@@ -25,7 +25,6 @@
   },
   "packageManager": "yarn@4.9.4",
   "resolutions": {
-    "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",
     "react-is": "19.0.0-rc-f2df5694-20240916",
     "vite": "5.4.19"
   }
diff --git a/packages/create-cedar-app/templates/esm-ts/package.json b/packages/create-cedar-app/templates/esm-ts/package.json
@@ -25,7 +25,6 @@
   },
   "packageManager": "yarn@4.9.4",
   "resolutions": {
-    "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",
     "react-is": "19.0.0-rc-f2df5694-20240916",
     "vite": "5.4.19"
   }
diff --git a/packages/create-cedar-app/templates/js/package.json b/packages/create-cedar-app/templates/js/package.json
@@ -23,7 +23,6 @@
   },
   "packageManager": "yarn@4.9.4",
   "resolutions": {
-    "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",
     "react-is": "19.0.0-rc-f2df5694-20240916"
   }
 }
diff --git a/packages/create-cedar-app/templates/ts/package.json b/packages/create-cedar-app/templates/ts/package.json
@@ -23,7 +23,6 @@
   },
   "packageManager": "yarn@4.9.4",
   "resolutions": {
-    "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",
     "react-is": "19.0.0-rc-f2df5694-20240916"
   }
 }
diff --git a/packages/storybook/package.json b/packages/storybook/package.json
@@ -55,16 +55,16 @@
     "@cedarjs/testing": "workspace:*",
     "@joshwooding/vite-plugin-react-docgen-typescript": "0.6.2",
     "@rollup/pluginutils": "5.1.4",
-    "@storybook/addon-essentials": "7.6.20",
-    "@storybook/builder-vite": "7.6.20",
-    "@storybook/react": "7.6.20",
+    "@storybook/addon-essentials": "8.6.14",
+    "@storybook/builder-vite": "8.6.14",
+    "@storybook/react": "8.6.14",
     "magic-string": "0.30.18",
     "react-docgen": "7.0.3",
     "unplugin-auto-import": "19.3.0",
     "vite-plugin-node-polyfills": "0.23.0"
   },
   "devDependencies": {
-    "@storybook/types": "7.6.20",
+    "@storybook/types": "8.6.14",
     "@types/node": "20.19.17",
     "tsx": "4.20.5",
     "typescript": "5.9.2",
@@ -76,7 +76,7 @@
     "@cedarjs/router": "workspace:*",
     "react": "19.0.0-rc-f2df5694-20240916",
     "react-dom": "19.0.0-rc-f2df5694-20240916",
-    "storybook": "7.6.20"
+    "storybook": "8.6.14"
   },
   "engines": {
     "node": "=20.x"
diff --git a/packages/storybook/src/preset.ts b/packages/storybook/src/preset.ts
@@ -28,10 +28,10 @@ export const core: PresetProperty<'core'> = {
 }
 
 export const previewAnnotations: StorybookConfig['previewAnnotations'] = (
-  entry,
+  entries = [],
 ) => {
   const createdRequire = createRequire(import.meta.url)
-  return [...entry, createdRequire.resolve('./preview.js')]
+  return [...entries, createdRequire.resolve('./preview.js')]
 }
 
 const redwoodProjectPaths = getPaths()
diff --git a/tasks/server-tests/fixtures/redwood-app/package.json b/tasks/server-tests/fixtures/redwood-app/package.json
@@ -11,7 +11,6 @@
     "root": true
   },
   "resolutions": {
-    "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",
     "react-is": "19.0.0-rc-f2df5694-20240916"
   },
   "devDependencies": {
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,6 @@`
`25`	`25`	`},`
`26`	`26`	`"packageManager": "yarn@4.9.2",`
`27`	`27`	`"resolutions": {`
`28`		`- "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",`
`29`	`28`	`"react-is": "19.0.0-rc-f2df5694-20240916",`
`30`	`29`	`"vite": "5.4.16"`
`31`	`30`	`}`
Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,6 @@`
`26`	`26`	`},`
`27`	`27`	`"packageManager": "yarn@4.9.2",`
`28`	`28`	`"resolutions": {`
`29`		`- "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",`
`30`	`29`	`"react-is": "19.0.0-rc-f2df5694-20240916",`
`31`	`30`	`"vite": "5.4.16"`
`32`	`31`	`}`
Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,6 @@`
`23`	`23`	`},`
`24`	`24`	`"packageManager": "yarn@4.9.2",`
`25`	`25`	`"resolutions": {`
`26`		`- "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",`
`27`	`26`	`"react-is": "19.0.0-rc-f2df5694-20240916"`
`28`	`27`	`}`
`29`	`28`	`}`
Original file line number	Diff line number	Diff line change
`@@ -24,7 +24,6 @@`
`24`	`24`	`},`
`25`	`25`	`"packageManager": "yarn@4.9.4",`
`26`	`26`	`"resolutions": {`
`27`		`- "@storybook/react-dom-shim@npm:7.6.20": "https://verdaccio.tobbe.dev/@storybook/react-dom-shim/-/react-dom-shim-8.0.8.tgz",`
`28`	`27`	`"react-is": "19.0.0-rc-f2df5694-20240916"`
`29`	`28`	`}`
`30`	`29`	`}`