[Bug]: fetch must be a function while upgrading to 8.2.X

[fchevallieratecna]

Summary

Hi,

When attempting to run Storybook 8.2.2, an error "ArgumentError: fetch must be a function" is thrown, preventing Storybook from starting. This issue occurs after upgrading from a previous version to 8.2.X.

I run the project in 8.1.11

[storybook:dev] @storybook/cli v8.1.11
[storybook:dev] 
[storybook:dev] WARN The "@storybook/addon-mdx-gfm" addon is meant as a migration assistant for Storybook 8.0; and will likely be removed in a future version.
[storybook:dev] WARN It's recommended you read this document:
[storybook:dev] WARN https://storybook.js.org/docs/writing-docs/mdx#markdown-tables-arent-rendering-correctly
[storybook:dev] WARN 
[storybook:dev] WARN Once you've made the necessary changes, you can remove the addon from your package.json and storybook config.
[storybook:dev] info Found existing addon "@storybook/addon-docs", skipping.
[storybook:dev] info Found existing addon "@storybook/addon-actions", skipping.
[storybook:dev] info Found existing addon "@storybook/addon-viewport", skipping.
[storybook:dev] info Found existing addon "@storybook/addon-docs", skipping.
[storybook:dev] info Found existing addon "@storybook/addon-actions", skipping.
[storybook:dev] info Found existing addon "@storybook/addon-viewport", skipping.
[storybook:dev] info => Serving static files from ././playground/dist at /
[storybook:dev] info => Serving static files from ././.storybook/assets at /assets
[storybook:dev] info => Starting manager..
[storybook:dev] info => Starting preview..
[storybook:dev] ╭─────────────────────────────────────────────────────────────────────╮
[storybook:dev] │                                                                     │
[storybook:dev] │   Storybook 8.1.11 for web-components-vite started                  │
[storybook:dev] │   644 ms for manager and 354 ms for preview                         │
[storybook:dev] │                                                                     │
[storybook:dev] │   Local:            http://localhost:1994/                          │
[storybook:dev] │   On your network:  http://192.168.1.51:1994/                       │
[storybook:dev] │                                                                     │
[storybook:dev] │   A new version (8.2.2) is available!                               │
[storybook:dev] │                                                                     │
[storybook:dev] │   Upgrade now: npx storybook@latest upgrade                         │
[storybook:dev] │                                                                     │
[storybook:dev] │   Read full changelog:                                              │
[storybook:dev] │   https://github.com/storybookjs/storybook/blob/main/CHANGELOG.md   │
[storybook:dev] │                                                                     │
[storybook:dev] ╰─────────────────────────────────────────────────────────────────────╯

Then

(nut) nut ❯ npx [email protected] upgrade 

/Users/florianchevallier/.nvm/versions/node/v20.12.2/lib/node_modules/storybook/bin/index.cjs:23
  throw error;
  ^
ArgumentError {
  name: 'ArgumentError',
  message: 'fetch must be a function'
}

Node.js v20.12.2

I can't even run the info :

I can't run it, I get into

(nut) nut ❯ npx storybook@latest info

/Users/florianchevallier/.npm/_npx/bc7e1e37fcb46ffc/node_modules/storybook/bin/index.cjs:23
  throw error;
  ^
ArgumentError {
  name: 'ArgumentError',
  message: 'fetch must be a function'
}

Node.js v20.12.2

Additional context :

• Node.js version: v20.12.2
• npm version: 10.2.3
• OS: macOS 14.5
• The issue persists even after a complete reinstallation of dependencies.
• The error occurs with both Node.js v18.19.0 and v20.12.2.
• Downgrading to Storybook version 8.1.11 resolves the issue.

Additional information

No response

Create a reproduction

No response

[valentinpalkovic]

Have you somehow disabled the experimental fetch for Node.js by setting a flag like --no-experimental-fetch?

We have removed the fetch polyfill in Storybook 8.2 recently:
#28160

[fchevallieratecna]

Well I could but not in every version of node and it's not something I did explicitely