npx command freezes on node:22 (with Storybook)

[aaronshenhao]

Please refer to storybookjs/storybook#29673 to see the issue being encountered (reproducible link included).

Environment

• Platform: Ubuntu 22.04.4 LTS on WSL2 (Windows 11, Version 10.0.22631.4460)
• Docker Version: Docker version 24.0.5, build ced0996
• Node.js Version: v22.11.0
• Image Tag: node:22

Expected Behavior

Storybook commands complete successfully like on node:20, or throw an error.

Output from node:20:

node@7fca0d0ad464:/workspace$ npx storybook@latest init
╭──────────────────────────────────────────────────────╮
│                                                      │
│   Adding Storybook version 8.4.5 to your project..   │
│                                                      │
╰──────────────────────────────────────────────────────╯
 • Detecting project type. ✓
Installing dependencies...


up to date, audited 49 packages in 516ms

20 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
    We couldn't detect your project type. (code: UNDETECTED)
    You can specify a project type explicitly via `storybook init --type <type>`, see our docs on how to configure Storybook for your framework: https://storybook.js.org/docs/get-started/install

✔ Do you want to manually choose a Storybook project type to install? … yes
? Please choose a project type from the following list: › - Use arrow-keys. Return to submit.
❯   react
    react_scripts
    react_native
    react_project
    webpack_react
    nextjs
    vue3
    angular
    ember
  ↓ web_components

Current Behavior

Freezes indefinitely on the spinner: ⠸

node@97af49a3e330:/workspace$ npx storybook@latest init
Need to install the following packages:
[email protected]
Ok to proceed? (y) y

⠸ <- Hangs indefinitely

node@97af49a3e330:/workspace$ npm install

added 48 packages, and audited 49 packages in 853ms

20 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
node@97af49a3e330:/workspace$ npx storybook@latest init
⠹ <- Hangs indefinitely

Possible Solution

A workaround is to downgrade to node:20.

Steps to Reproduce

Please refer to the link at the top.

You might have to delete the package.json and package-lock.json file, as storybook@latest is no longer version 8.4.4.

Additional Information

Forwarding all ports does not solve the issue (EXPOSE 0-65535).

Additional verbose output (not sure if it's helpful):

Ok to proceed? (y) STREAM 98380: resume false
STREAM 98380: read 0
STREAM 98380: need readable false
STREAM 98380: length less than watermark true
STREAM 98380: do read
NET 98380: _read - n 0 isConnecting? false hasHandle? true
NET 98380: Socket._handle.readStart
STREAM 98380: flow
STREAM 98380: read undefined
STREAM 98380: need readable true
STREAM 98380: length less than watermark true
STREAM 98380: reading, ended or constructing false
TIMER 98380: process timer lists 1701
STREAM 98380: push <Buffer 79>
ySTREAM 98380: maybeReadMore read 0
STREAM 98380: read 0
STREAM 98380: need readable true
STREAM 98380: length less than watermark true
STREAM 98380: do read
NET 98380: _read - n 0 isConnecting? false hasHandle? true
STREAM 98380: push <Buffer 0d>

STREAM 98380: call pause
STREAM 98380: pause

⠙TIMER 98380: no 80 list was found in insert, creating a new one
TIMER 98380: process timer lists 10041
TIMER 98380: timeout callback 80
⠹TIMER 98380: 80 list wait because diff is -1
TIMER 98380: process timer lists 10122
TIMER 98380: timeout callback 80
⠸TIMER 98380: 80 list wait because diff is 0
TIMER 98380: process timer lists 10207
TIMER 98380: timeout callback 80
⠼TIMER 98380: 80 list wait because diff is 0
TIMER 98380: process timer lists 10287
TIMER 98380: timeout callback 80
⠴TIMER 98380: 80 list wait because diff is 0