Upgrade Storybook 8 to 10

Run via the official upgrade CLI one major at a time with automigrations.

Drop unused addons: essentials and interactions are core in Storybook 9+;
links, docs and Chromatic were unused (no linkTo, MDX, autodocs, or
Chromatic CI). This leaves storybook, @storybook/react-vite and
eslint-plugin-storybook as the only Storybook dev dependencies.

Exclude stories from the CJS build: Storybook 10 types don't resolve
under node10 module resolution. The ESM build still typechecks them.

Ignore generated docs/build in eslint: a new eslint-plugin-storybook
rule flagged stale typedoc output there.

Disable the onboarding checklist and what's new notifications.

The lockfile is regenerated as npm could not resolve the major bumps
in place.

Author: microbit-matt-hillsdon

.eslintrc.cjs

@@ -7,7 +7,7 @@ module.exports = {
     'plugin:react-hooks/recommended',
     'plugin:storybook/recommended',
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
+  ignorePatterns: ['dist', 'docs/build', '.eslintrc.cjs'],
   parser: '@typescript-eslint/parser',
   plugins: ['react-refresh'],
   rules: {

.storybook/main.ts

@@ -2,12 +2,14 @@ import type { StorybookConfig } from '@storybook/react-vite';
 
 const config: StorybookConfig = {
   stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-  addons: [
-    '@storybook/addon-links',
-    '@storybook/addon-essentials',
-    '@chromatic-com/storybook',
-    '@storybook/addon-interactions',
-  ],
+  features: {
+    // No onboarding checklist in the sidebar or menu.
+    sidebarOnboardingChecklist: false,
+    menuOnboardingChecklist: false,
+  },
+  core: {
+    disableWhatsNewNotifications: true,
+  },
   framework: {
     name: '@storybook/react-vite',
     options: {},

.storybook/preview.ts

@@ -1,4 +1,4 @@
-import type { Preview } from "@storybook/react";
+import type { Preview } from "@storybook/react-vite";
 
 const preview: Preview = {
   parameters: {