---
title: "Storybook for TanStack React"
url: https://daily.dev/posts/storybook-for-tanstack-react-7yvahl7ir
source_url: https://storybook.js.org/blog/storybook-for-tanstack-react
type: article
source: "Storybook"
published: 2026-06-30T16:58:30.152Z
updated: 2026-07-01T09:52:47.474Z
tags: ["react", "testing", "storybook", "tanstack"]
reading_time: 6
upvotes: 105
comments: 9
language: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Storybook for TanStack React

**[Storybook](https://daily.dev/sources/storybook)** · 6 min read · 105 upvotes · 9 comments

## Summary

Storybook has released @storybook/tanstack-react, a dedicated framework for TanStack-powered React apps. It provides automatic RouterProvider wrapping with in-memory history, type-safe route/params/query configuration, auto-mocked TanStack Start server functions, and TanStack Query integration via QueryClient seeding. Server-only dependencies are handled through Vite plugins and automatic stubbing so components render in the browser preview without rewriting imports. Setup works via the Storybook CLI for new projects or automigrate for existing ones. Requires React 18+, Vite 7+, and @tanstack/react-router.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://storybook.js.org/blog/storybook-for-tanstack-react>

## Community discussion

Top comments from developers on daily.dev.

**@kkurko** · 1 upvotes

> How many things Storybook supports is crazy 🤯

**@raffaelevasini** · 1 upvotes

> Great to see Storybook evolving with modern meta-frameworks! Stubbing server-only dependencies and handling in-memory router history without rewriting imports makes adopting TanStack Start so much easier. Awesome move for keeping components isolated yet perfectly testable.

**@deepjoshi\_dev** · 0 upvotes

> Here we go again another one.

**@starfallcodes** · 0 upvotes

> guys hear me out even if i have ptsd from react i may try it again

**@ax\_prashant** · 0 upvotes

> ![GIF](https://static.klipy.com/ii/8ce8357c78ea940b9c2015daf05ce1a5/07/99/yBdlMt2N.gif)

## Similar posts on daily.dev

- [Storybook 10.4](https://daily.dev/posts/storybook-10-4-kydg7pegs) · Storybook · 88 upvotes · 4 comments
- [TanStack Start - A New Meta Framework Powered By React Or SolidJS](https://daily.dev/posts/tanstack-start---a-new-meta-framework-powered-by-react-or-solidjs-kqfr1cdvm) · InfoQ · 40 upvotes · 2 comments

---

Tags: [#react](https://daily.dev/tags/react), [#testing](https://daily.dev/tags/testing), [#storybook](https://daily.dev/tags/storybook), [#tanstack](https://daily.dev/tags/tanstack)

[View this post on daily.dev](https://daily.dev/posts/storybook-for-tanstack-react-7yvahl7ir)