[Bug]: create-storybook imports eslint plugin into eslint config but doesn't enable it

[digital-wonderland]

Describe the bug

When running create-storybook, my eslint.config.m?js gets an import storybook from "eslint-plugin-storybook" import added but the plugin doesn't get added within the extends section.

To enable the plugin, one also has to add the following to the extends array in eslint.config.m?js:

storybook.configs['flat/recommended'],

It would be nice if that would happen automatically.

Reproduction link

Simply use create-storybook.

Reproduction steps

1. Run pnpm create storybook@latest
2. Verify that storybook.configs['flat/recommended'], is missing from the extends section in eslint.config.m?js.

System

│  System:
│  OS: Linux 6.18 openSUSE Tumbleweed 20251204
│  CPU: (16) x64 AMD Ryzen 9 7940HS w/ Radeon 780M Graphics
│  Shell: 5.3.8 - /bin/bash
│  Binaries:
│  Node: 22.21.1 - /usr/bin/node
│  Yarn: 1.22.22 - /usr/bin/yarn
│  npm: 10.9.4 - /usr/bin/npm <----- active
│  pnpm: 10.23.0 - /usr/bin/pnpm
│  Browsers:
│  Chrome: 143.0.7499.40
│  Firefox: 145.0.2
│  npmPackages:
│  @storybook/addon-a11y: ^10.1.4 => 10.1.4
│  @storybook/addon-docs: ^10.1.4 => 10.1.4
│  @storybook/addon-onboarding: ^10.1.4 => 10.1.4
│  @storybook/addon-vitest: ^10.1.4 => 10.1.4
│  @storybook/react-vite: ^10.1.4 => 10.1.4
│  eslint-plugin-storybook: ^10.1.4 => 10.1.4
│  storybook: ^10.1.4 => 10.1.4

Additional context

No response

[dosubot]

Hi @digital-wonderland! I'm Dosu and I’m helping the storybook team.

This is a limitation with Storybook's automation for ESLint flat config: when your config uses patterns like variables or utility functions, create-storybook adds the import for eslint-plugin-storybook but can't reliably mutate the config array to enable the plugin automatically. You need to manually add ...storybook.configs['flat/recommended'] to your config array for the plugin to be active. The import alone isn't enough—see the official docs and related issue for details.

If you use TypeScript and see type errors with the default import, use import { configs } from "eslint-plugin-storybook" and spread ...configs['flat/recommended'] instead.

No recent Storybook releases or PRs have automated this step, so manual configuration is required for now.

To reply, just mention @dosu.

---

^{How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other}