Storybook 10.4 brings AI auto-setup, change detection, quick sharing, and TanStack React

Storybook 10.4 has been released as the latest version of the popular frontend workshop for building and testing user interface components and pages in isolation.

With this release, AI agents can automatically set up Storybook in complex applications. The agent examines your project’s structure, generates configuration files and mocks, writes stories and interaction tests for up to ten components, checks results for correct style rendering, and iterates the setup until it passes.

Following the core improvements, users gain new sidebar filters for reviewing stories that are newly added or could be affected by recent code changes. This lets developers focus on components that are most likely to require attention in code reviews.

Storybook 10.4 makes cloud sharing simpler, allowing users to publish their Storybook instance to Chromatic at the click of a button, so teammates can give feedback. The update introduces the @storybook/tanstack-react framework, co-developed with the TanStack team, providing zero-configuration support for core features like type-safe routing and server functions, and added documentation for React Query use.

For mobile developers, the React Native integration adds improved setup isolation between Storybook and mobile applications. Additionally, developers using Storybook MCP for React will see faster and higher-quality component metadata generation, due to new reliance on Volar and the TypeScript Language Server.