Skip to content

fix(examples): run nextjs example sandboxes through npm run dev and webpack#11064

Open
Rpaudel379 wants to merge 1 commit into
TanStack:mainfrom
Rpaudel379:fix/include-webpack
Open

fix(examples): run nextjs example sandboxes through npm run dev and webpack#11064
Rpaudel379 wants to merge 1 commit into
TanStack:mainfrom
Rpaudel379:fix/include-webpack

Conversation

@Rpaudel379

@Rpaudel379 Rpaudel379 commented Jul 14, 2026

Copy link
Copy Markdown

🎯 Changes

Fix Next.js example sandboxes on docs page failing on StackBlitz due to Turbopack incompatibility.

  • Update affected examples to use next dev --webpack.
  • Update sandbox commands from npm install && npx next dev to npm install && npm run dev so they use the configured dev script.

Fixes #11063

✅ Checklist

  • I have followed the steps in the Contributing guide.
  • Updated affected examples package.json.

🚀 Release Impact

  • Docs example-only change. No published package changes.

Current affected example pages:

Summary by CodeRabbit

  • Development Experience
    • Updated React example development servers to explicitly use the Webpack-based Next.js development mode.
    • Standardized the development startup command across the affected examples.

@coderabbitai

coderabbitai Bot commented Jul 14, 2026

Copy link
Copy Markdown
Contributor

Review Change Stack

📝 Walkthrough

Walkthrough

Seven React examples update their dev scripts to run next dev --webpack, explicitly selecting Webpack for local development.

Changes

Next.js Webpack development scripts

Layer / File(s) Summary
Update Next.js development commands
examples/react/*/package.json
The dev scripts for seven Next.js examples now use next dev --webpack; other scripts and dependencies remain unchanged.

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

Suggested reviewers: github-actions[bot]

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name Status Explanation Resolution
Linked Issues check ⚠️ Warning The PR updates the example dev scripts, but the linked issue also requires sandbox commands to use npm run dev, which isn't shown here. Update the interactive sandbox command to npm install && npm run dev or an equivalent webpack-enabled command.
✅ Passed checks (4 passed)
Check name Status Explanation
Out of Scope Changes check ✅ Passed The changes are limited to the affected Next.js example dev scripts and stay within the linked issue scope.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Title check ✅ Passed The title clearly summarizes the main change: switching Next.js example sandboxes to npm run dev with webpack.
Description check ✅ Passed The description follows the template and covers changes, checklist, and release impact, with only the local test item left unchecked.
✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Next.js examples fail on StackBlitz due to Turbopack usage in interactive sandbox

1 participant