previewBuilder.bail is not a function

Hey! I recently upgraded from v7.0.0-alpha.33 -> .34 in order to get around a bug that was patched with this PR. npm run storybook worked great when this patch was added locally.

After upgrading however, a new error appears when I try to run Storybook saying that previewBuilder.bail is not a function at @storybook/core-server/dist/cjs/dev-server.js:216:91.

I got the same error when I tried:

• Removing node_modules and running npm install again
• Reverting the repo to a state before Storybook and doing npx storybook init again

Using @storybook/cli v7.0.0-alpha.34, here’s the full error (path to the repo is shortened to ./):

info => Starting manager..
✘ [ERROR] Invalid option in build() call: "jsxImportSource"

    ./node_modules/esbuild/lib/main.js:244:12:
      244 │       throw new Error(`Invalid option ${where}: "${key}"`);
          ╵             ^

    at checkForInvalidFlags (./node_modules/esbuild/lib/main.js:244:13)
    at flagsForBuildOptions (./node_modules/esbuild/lib/main.js:429:3)
    at buildOrServeContinue (./node_modules/esbuild/lib/main.js:1219:9)
    at ./node_modules/esbuild/lib/main.js:1146:15

ERR! TypeError: previewBuilder.bail is not a function
ERR!     at ./node_modules/@storybook/core-server/dist/cjs/dev-server.js:216:91
ERR!     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
ERR!     at async Promise.all (index 1)
ERR!     at async storybookDevServer (./node_modules/@storybook/core-server/dist/cjs/dev-server.js:207:28)
ERR!     at async buildDevStandalone (./node_modules/@storybook/core-server/dist/cjs/build-dev.js:129:31)
ERR!     at async fn (./node_modules/@storybook/cli/dist/generate.js:254:1900)
ERR!  TypeError: previewBuilder.bail is not a function
ERR!     at ./node_modules/@storybook/core-server/dist/cjs/dev-server.js:216:91
ERR!     at process.processTicksAndRejections (node:internal/process/task_queues:95:5)
ERR!     at async Promise.all (index 1)
ERR!     at async storybookDevServer (./node_modules/@storybook/core-server/dist/cjs/dev-server.js:207:28)
ERR!     at async buildDevStandalone (./node_modules/@storybook/core-server/dist/cjs/build-dev.js:129:31)
ERR!     at async fn (./node_modules/@storybook/cli/dist/generate.js:254:1900)

WARN Broken build, fix the error above.
WARN You may need to refresh the browser.

System Results of npx sb@next info:

Environment Info:

  System:
    OS: macOS 12.6
    CPU: (8) arm64 Apple M1
  Binaries:
    Node: 18.9.0 - ~/.nvm/versions/node/v18.9.0/bin/node
    npm: 8.19.1 - ~/.nvm/versions/node/v18.9.0/bin/npm
  Browsers:
    Chrome: 105.0.5195.125
    Safari: 16.0
  npmPackages:
    @storybook/addon-essentials: ^7.0.0-alpha.34 => 7.0.0-alpha.34 
    @storybook/addon-interactions: ^7.0.0-alpha.34 => 7.0.0-alpha.34 
    @storybook/addon-links: ^7.0.0-alpha.34 => 7.0.0-alpha.34 
    @storybook/react: ^7.0.0-alpha.34 => 7.0.0-alpha.34 
    @storybook/react-vite: ^7.0.0-alpha.34 => 7.0.0-alpha.34 
    @storybook/testing-library: ^0.0.13 => 0.0.13 

[joshwooding]

@MarceloArraes 0.2.5 has been released which should fix this if you’re on v6

[shilman]

@MarceloArraes migration notes here

https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#start-storybook--build-storybook-binaries-removed

We’ll be adding an automigration to do this automatically, but for now you need to do it by hand. There might be some other useful migration notes there as well.