Post

Did you know Storybook has @tanstack.com React support built-in? 🛣 Automatic Router wrapping with memory history 🧭 Type-safe route, params, query, and path configuration 🌲 Code-based, file-based, and nested Route support 🧪 Auto-mocked Start server functions ⚙️ Zero-config setup

All stories automatically run inside a <RouteProvider>, so your components are properly isolated. Provide a Route and configuration details like `params`, `path`, and `query` are typechecked.

TanStack Start’s `createServerFn` is amazing. In Storybook, it’s automatically stubbed, so you can spy on it and provide your own mock implementation. Start’s internal functions are redirected to browser-safe mocks, too.

Upgrade your `@storybook/react-vite` Storybook project today: > npx storybook@latest automigrate Or start a new Storybook in your TanStack app: > npm create storybook@latest The full post has more details. storybook.js.org/blog/storybo...