[Bug]: React Devtools error after migrating to Storybook 10

[mx-liebald]

Describe the bug

After upgrading Storybook from 9.1.16 to 10.0.5, the React Devtools produce the following console error:

Uncaught Error: React is running in production mode, but dead code elimination has not been applied. Read how to correctly configure React for production: https://react.dev/link/perf-use-production-build

Reproduction link

https://stackblitz.com/github/storybookjs/sandboxes/tree/next/react-vite/default-ts/after-storybook?file=README.md

Reproduction steps

1. Install and enable react dev tools
2. Open the above example
3. Open the preview in a new tab

System

Storybook Environment Info:

  System:
    OS: Linux 6.6 Ubuntu 24.04.3 LTS 24.04.3 LTS (Noble Numbat)
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12800H
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 22.21.1 - ~/.nvm/versions/node/v22.21.1/bin/node
    Yarn: 1.22.19 - /mnt/c/Program Files (x86)/Yarn/bin/yarn
    npm: 10.9.4 - ~/.nvm/versions/node/v22.21.1/bin/npm <----- active
  Browsers:
    Chrome: 141.0.7390.107
  npmPackages:
    @storybook/addon-docs: 10.0.5 => 10.0.5 
    @storybook/react-vite: 10.0.5 => 10.0.5 
    eslint-plugin-storybook: 10.0.5 => 10.0.5 
    storybook: 10.0.5 => 10.0.5

Additional context

• The issue can also be recreated with the basic React + Vite setup obtained using npm create storybook@latest
• Tested in Chrome and Firefox

[dosubot]

This error is not unique to your setup and has been observed by maintainers, as shown by its explicit filtering in Storybook's telemetry error handling (see PR #32499). Storybook 10's Vite builder sets the mode to "production" for production builds, which should enable minification and set NODE_ENV=production as expected (source).

If you still see this error:

• Double-check your .storybook/main.ts and vite.config.ts for any customizations that might disable minification or override the build mode.
• Make sure you are running the production build (build-storybook), not the dev server, when checking for dead code elimination.
• If you use any Vite or Storybook plugins that modify the build process, try disabling them to isolate the cause.

If your config is standard and you still see the error, it may be a limitation or edge case in how React Devtools detects dead code elimination in the Storybook preview environment. No official workaround is documented, but your production app build should not be affected. If you have a custom Vite or Storybook setup, please share your config for further troubleshooting.

To reply, just mention @dosu.

---

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