René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Create with Storybook add-on hangs on pnpm 11 under “Running commands for Storybook…”","articleBody":"### Which project does this relate to?\n\nCreate Tanstack App\n\n### Describe the bug\n\nIf I run TanStack create with the **Storybook** add-on on **pnpm 11**, the CLI can appear to hang forever on:\n\n`Running commands for Storybook...`\n\nExample (same shape as other create reports; adjust version/flags as needed):\n\n```bash\npnpm dlx @tanstack/cli@latest create tanstack-app \\\n  --framework react \\\n  --add-ons storybook \\\n  --no-git \\\n  -y\n```\n\nThe create spinner never finishes that step. What’s actually happening is that TanStack runs the Storybook add-on command (`npx storybook init -y --no-dev` → `pnpm dlx storybook …` for pnpm users) with the spinner still active. On pnpm 11 (TTY + cold dlx cache), **pnpm** waits for interactive approve-builds input for **esbuild**, but that prompt is easy to miss under the spinner — so the TanStack CLI looks stuck.\n\nThis is a TanStack create UX/invocation issue: the parent owns the spinner and how the child is launched. Storybook’s JS has not started yet when the prompt appears, so Storybook cannot surface or answer it.\n\nRelated background (investigation from the Storybook side): https://github.com/storybookjs/storybook/issues/35668  \nRelated (same pnpm 11 build-approval theme, different failure mode — hard `ERR_PNPM_IGNORED_BUILDS` instead of a hang): https://github.com/TanStack/cli/issues/484\n\n### Your Example Website or App\n\nN/A as a hosted app — this is a local TanStack CLI create hang and needs a real TTY (StackBlitz / non-TTY environments won’t show the same interactive approve-builds path).\n\nRepro is the TanStack create command above (or interactive `pnpm dlx @tanstack/cli@latest create` choosing React + Storybook on pnpm 11).\n\n### Steps to Reproduce the Bug or Issue\n\n1. Use **pnpm 11+** in a real terminal (TTY).\n2. Optionally clear the pnpm dlx cache so the approve-builds path is more likely:\n   `rm -rf \"$(dirname \"$(pnpm store path)\")/dlx\"`\n3. Run TanStack create with the Storybook add-on, e.g.:\n\n```bash\npnpm dlx @tanstack/cli@latest create tanstack-app \\\n  --framework react \\\n  --add-ons storybook \\\n  --no-git \\\n  -y\n```\n\n4. See the CLI sit on `Running commands for Storybook...` / appear hung.\n5. If you look carefully at the terminal (or pause the spinner), pnpm may be waiting on an approve-builds prompt for **esbuild**.\n\n### Expected behavior\n\nAs a user, I expected TanStack create to finish (or show a clear prompt I can answer). Instead it looks stuck on “Running commands for Storybook…” while the child is waiting on stdin.\n\n### Screenshots or Videos\n\n_No response_\n\n### Platform\n\n- OS: macOS (also reported on other setups via the linked Storybook issue)\n- Browser: N/A (CLI)\n- pnpm: 11.18.0\n- Node: 22+ / 24 (see https://github.com/storybookjs/storybook/issues/35668)\n\n### Additional context\n\n**Why this is on TanStack:** create launches the Storybook add-on command and keeps the Clack spinner up for the whole child lifetime. Fixing visibility and/or passing pnpm allow-build flags is in that path (`storybook` add-on `command` + package-manager translation + `runCommandsAndInstallDependencies`).\n\n**Workaround for the underlying pnpm step (verified):** if you run the child yourself,\n\n```bash\npnpm --allow-build=esbuild dlx storybook@latest init -y --no-dev\n```\n\n**Suggested fixes:**\n1. When the package manager is pnpm, run the Storybook add-on command as `pnpm --allow-build=esbuild dlx storybook init -y --no-dev` (flag before `dlx`).\n2. Pause/stop the spinner when the child may need a TTY so pnpm’s approve-builds UI is visible.\n3. Document the workaround until (1) lands.","author":{"url":"https://github.com/ndelangen","@type":"Person","name":"ndelangen"},"datePublished":"2026-07-31T11:46:52Z","url":"https://github.com/TanStack/cli/issues/499"}