chore(examples/react): add '.stackblitzrc' so StackBlitz runs the 'dev' script in the Next.js examples by sukvvon · Pull Request #11976 · TanStack/query

sukvvon · 2026-10-11T18:27:10Z

🎯 Changes

Add a .stackblitzrc with "startCommand": "npm run dev" to the auto-refetching, infinite-query-with-max-pages, load-more-infinite-scroll, nextjs, pagination, and prefetching examples.

StackBlitz starts Next.js projects with its own command instead of the dev script, so the --webpack flag in next dev --webpack is skipped. Next.js 16 then falls back to Turbopack, which needs native bindings that WebContainers don't provide, and the embedded sandboxes crash with "Turbopack is not supported on this platform". Setting the start command makes StackBlitz run the dev script.

✅ Checklist

I have followed the steps in the Contributing guide.
I have tested code changes locally with pnpm run test:pr, or these tests do not apply to this pull request.
I have followed the AI contribution policy and fully understand the code in this pull request, including any code generated with AI assistance.

🚀 Release Impact

This change affects published code, and I have generated a changeset.
This change is docs/CI/dev-only (no release).

Summary by CodeRabbit

New Features
- Updated StackBlitz launch settings for several React examples so they start automatically in development mode.

…v' script in the Next.js examples

changeset-bot · 2026-10-11T18:27:15Z

⚠️ No Changeset found

Latest commit: 1e68661

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

nx-cloud · 2026-10-11T18:27:34Z

View your CI Pipeline Execution ↗ for commit 1e68661

Command	Status	Duration	Result
`nx run-many --target=build --exclude=examples/*...`	✅ Succeeded	<1s	View ↗
`nx affected --targets=test:sherif,test:knip,tes...`	✅ Succeeded	1m 1s	View ↗

☁️ Nx Cloud last updated this comment at 2026-10-11 18:29:32 UTC

github-actions · 2026-10-11T18:28:09Z

🚀 Changeset Version Preview

5 package(s) bumped directly, 20 bumped as dependents.

🟩 Patch bumps

Package	Version	Reason
`@tanstack/preact-query`	5.104.1 → 5.104.2	Changeset
`@tanstack/preact-query-devtools`	5.104.1 → 5.104.2	Changeset
`@tanstack/preact-query-persist-client`	5.104.1 → 5.104.2	Changeset
`@tanstack/query-core`	5.104.1 → 5.104.2	Changeset
`@tanstack/vue-query`	5.104.1 → 5.104.2	Changeset
`@tanstack/angular-query-experimental`	5.104.1 → 5.104.2	Dependent
`@tanstack/angular-query-persist-client`	5.104.1 → 5.104.2	Dependent
`@tanstack/eslint-plugin-query`	5.104.1 → 5.104.2	Dependent
`@tanstack/lit-query`	0.2.26 → 0.2.27	Dependent
`@tanstack/query-async-storage-persister`	5.104.1 → 5.104.2	Dependent
`@tanstack/query-broadcast-client-experimental`	5.104.1 → 5.104.2	Dependent
`@tanstack/query-devtools`	5.104.1 → 5.104.2	Dependent
`@tanstack/query-persist-client-core`	5.104.1 → 5.104.2	Dependent
`@tanstack/query-sync-storage-persister`	5.104.1 → 5.104.2	Dependent
`@tanstack/react-query`	5.104.1 → 5.104.2	Dependent
`@tanstack/react-query-devtools`	5.104.1 → 5.104.2	Dependent
`@tanstack/react-query-next-experimental`	5.104.1 → 5.104.2	Dependent
`@tanstack/react-query-persist-client`	5.104.1 → 5.104.2	Dependent
`@tanstack/solid-query`	5.104.1 → 5.104.2	Dependent
`@tanstack/solid-query-devtools`	5.104.1 → 5.104.2	Dependent
`@tanstack/solid-query-persist-client`	5.104.1 → 5.104.2	Dependent
`@tanstack/svelte-query`	6.3.1 → 6.3.2	Dependent
`@tanstack/svelte-query-devtools`	6.3.1 → 6.3.2	Dependent
`@tanstack/svelte-query-persist-client`	6.3.1 → 6.3.2	Dependent
`@tanstack/vue-query-devtools`	6.3.1 → 6.3.2	Dependent

pkg-pr-new · 2026-10-11T18:29:27Z

More templates

@tanstack/angular-query-experimental

npm i https://pkg.pr.new/@tanstack/angular-query-experimental@11976

@tanstack/eslint-plugin-query

npm i https://pkg.pr.new/@tanstack/eslint-plugin-query@11976

@tanstack/lit-query

npm i https://pkg.pr.new/@tanstack/lit-query@11976

@tanstack/preact-query

npm i https://pkg.pr.new/@tanstack/preact-query@11976

@tanstack/preact-query-devtools

npm i https://pkg.pr.new/@tanstack/preact-query-devtools@11976

@tanstack/preact-query-persist-client

npm i https://pkg.pr.new/@tanstack/preact-query-persist-client@11976

@tanstack/query-async-storage-persister

npm i https://pkg.pr.new/@tanstack/query-async-storage-persister@11976

@tanstack/query-broadcast-client-experimental

npm i https://pkg.pr.new/@tanstack/query-broadcast-client-experimental@11976

@tanstack/query-core

npm i https://pkg.pr.new/@tanstack/query-core@11976

@tanstack/query-devtools

npm i https://pkg.pr.new/@tanstack/query-devtools@11976

@tanstack/query-persist-client-core

npm i https://pkg.pr.new/@tanstack/query-persist-client-core@11976

@tanstack/query-sync-storage-persister

npm i https://pkg.pr.new/@tanstack/query-sync-storage-persister@11976

@tanstack/react-query

npm i https://pkg.pr.new/@tanstack/react-query@11976

@tanstack/react-query-devtools

npm i https://pkg.pr.new/@tanstack/react-query-devtools@11976

@tanstack/react-query-next-experimental

npm i https://pkg.pr.new/@tanstack/react-query-next-experimental@11976

@tanstack/react-query-persist-client

npm i https://pkg.pr.new/@tanstack/react-query-persist-client@11976

@tanstack/solid-query

npm i https://pkg.pr.new/@tanstack/solid-query@11976

@tanstack/solid-query-devtools

npm i https://pkg.pr.new/@tanstack/solid-query-devtools@11976

@tanstack/solid-query-persist-client

npm i https://pkg.pr.new/@tanstack/solid-query-persist-client@11976

@tanstack/svelte-query

npm i https://pkg.pr.new/@tanstack/svelte-query@11976

@tanstack/svelte-query-devtools

npm i https://pkg.pr.new/@tanstack/svelte-query-devtools@11976

@tanstack/svelte-query-persist-client

npm i https://pkg.pr.new/@tanstack/svelte-query-persist-client@11976

@tanstack/vue-query

npm i https://pkg.pr.new/@tanstack/vue-query@11976

@tanstack/vue-query-devtools

npm i https://pkg.pr.new/@tanstack/vue-query-devtools@11976

commit: 1e68661

coderabbitai · 2026-10-11T18:29:31Z

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: Repository: TanStack/query/.coderabbit.yaml
Review profile: CHILL
Plan: Advanced
Run ID: 45f28796-0dfc-4b8a-bd1d-1327af68fc2c

📥 Commits

Reviewing files that changed from the base of the PR and between 1dc1680 and 1e68661.

📒 Files selected for processing (6)

examples/react/auto-refetching/.stackblitzrc
examples/react/infinite-query-with-max-pages/.stackblitzrc
examples/react/load-more-infinite-scroll/.stackblitzrc
examples/react/nextjs/.stackblitzrc
examples/react/pagination/.stackblitzrc
examples/react/prefetching/.stackblitzrc

Included review availability: This review used your included allowance. Your plan provides up to 10 included reviews per hour; 8 remain after this review.

📝 Walkthrough

Walkthrough

Six React examples add StackBlitz configuration files that set npm run dev as the start command.

Changes

React example StackBlitz startup configuration

Layer / File(s)	Summary
Configure StackBlitz startup `examples/react/auto-refetching/.stackblitzrc`, `examples/react/infinite-query-with-max-pages/.stackblitzrc`, `examples/react/load-more-infinite-scroll/.stackblitzrc`, `examples/react/nextjs/.stackblitzrc`, `examples/react/pagination/.stackblitzrc`, `examples/react/prefetching/.stackblitzrc`	Each configuration sets the StackBlitz start command to `npm run dev`.

Priority: ➖ Normal

Estimated code review effort: 1 (Trivial) | ~5 minutes

Change: Other

Merge Risk: ⚪ Minimal · up to 1e686

StackBlitz is configured to run each example with Webpack, addressing the reported Turbopack startup issue. No concrete merge-blocking concern remains.

Pre-merge checks | 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Title check		The title clearly describes the primary change: adding `.stackblitzrc` files so the React examples run the `dev` script in StackBlitz.
Description check		The description includes the required Changes, Checklist, and Release Impact sections. It explains the motivation, confirms testing and policy checks, and identifies the change as dev-only.
Docstring Coverage		No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0…
Linked Issues check		Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check		Check skipped because no linked issues were found for this pull request.

✨ Finishing Touches

🧪 Generate unit tests (beta)

Commit to this branch
Create a new PR

Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

_{Comment @coderabbitai help to get the list of available commands.}

github-actions · 2026-10-11T18:29:33Z

size-limit report 📦

Path	Size
react full	11.73 KB (0%)
react minimal	8.58 KB (0%)

chore(examples/react): add '.stackblitzrc' so StackBlitz runs the 'de…

1e68661

…v' script in the Next.js examples

sukvvon self-assigned this Oct 11, 2026

sukvvon merged commit 3a0e927 into main Oct 11, 2026
9 checks passed

sukvvon deleted the chore/examples-react-next-stackblitz-start-command branch October 11, 2026 18:35

Navigation Menu

Repository navigation

chore(examples/react): add '.stackblitzrc' so StackBlitz runs the 'dev' script in the Next.js examples - #11976

chore(examples/react): add '.stackblitzrc' so StackBlitz runs the 'dev' script in the Next.js examples#11976
sukvvon merged 1 commit into
mainfrom
chore/examples-react-next-stackblitz-start-command

sukvvon commented Oct 11, 2026 •

edited by coderabbitai Bot

Loading

Uh oh!

changeset-bot Bot commented Oct 11, 2026

Uh oh!

nx-cloud Bot commented Oct 11, 2026 •

edited

Loading

Uh oh!

github-actions Bot commented Oct 11, 2026

Uh oh!

pkg-pr-new Bot commented Oct 11, 2026

Uh oh!

coderabbitai Bot commented Oct 11, 2026 •

edited

Loading

Walkthrough

Changes

Uh oh!

github-actions Bot commented Oct 11, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

sukvvon commented Oct 11, 2026 • edited by coderabbitai Bot Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

🎯 Changes

✅ Checklist

🚀 Release Impact

Summary by CodeRabbit

Uh oh!

changeset-bot Bot commented Oct 11, 2026

⚠️ No Changeset found

Uh oh!

nx-cloud Bot commented Oct 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions Bot commented Oct 11, 2026

🚀 Changeset Version Preview

🟩 Patch bumps

Uh oh!

pkg-pr-new Bot commented Oct 11, 2026

Uh oh!

coderabbitai Bot commented Oct 11, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Walkthrough

Changes

Uh oh!

github-actions Bot commented Oct 11, 2026

size-limit report 📦

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

sukvvon commented Oct 11, 2026 •

edited by coderabbitai Bot

Loading

nx-cloud Bot commented Oct 11, 2026 •

edited

Loading

coderabbitai Bot commented Oct 11, 2026 •

edited

Loading