Skip to content

[Bug]: Storybook Angular 10.5 blocks Angular 22 upgrade due to TypeScript peer range excluding 6.x #35475

Description

@a-martsul

Describe the bug

I am trying to upgrade an Angular workspace from Angular 21 to Angular 22 using the official Angular CLI migration flow.

Angular 22 requires TypeScript 6.0.x, but Storybook Angular 10.5 declares TypeScript peer dependency as:

^4.9.0 or ^5.0.0
This excludes all TypeScript 6 versions and causes ng update to fail on peer dependency resolution.

So even though Storybook Angular says Angular versions below 23 are supported, Angular 22 migration cannot complete because TypeScript 6 is required by Angular and rejected by Storybook peer range.

Reproduction link

https://stackblitz.com/github/storybookjs/sandboxes/tree/next/angular-cli/default-ts/after-storybook?file=package.json

Reproduction steps

Create an Angular 21 project with Storybook Angular 10.5.
Ensure Storybook packages are on 10.5.0.
Run Angular upgrade:
nvm use 22.22.3
npx ng update @angular/core@22 @angular/cli@22 @angular-eslint/schematics@22 --allow-dirty --verbose
Observe migration failure with peer dependency conflict:
Storybook Angular requires TypeScript ^4.9.0 or ^5.0.0
Angular 22 wants TypeScript 6.0.3

System

Storybook Environment Info:
│

│  System:
│  OS: macOS 26.5
│  CPU: (10) arm64 Apple M4
│  Shell: 5.9 - /bin/zsh
│  Binaries:
│  Node: 22.22.3 - /Users/aleksandr_martsul/.nvm/versions/node/v22.22.3/bin/node
│  Yarn: 1.22.22 - /Users/aleksandr_martsul/.nvm/versions/node/v22.21.1/bin/yarn
│  npm: 10.9.8 - /Users/aleksandr_martsul/.nvm/versions/node/v22.22.3/bin/npm
│  <----- active
│  Browsers:
│  Chrome: 150.0.7871.102
│  Safari: 26.5
│  npmPackages:
│  @storybook/addon-docs: ^10.5.0 => 10.5.0
│  @storybook/addon-links: ^10.5.0 => 10.5.0
│  @storybook/angular: ^10.5.0 => 10.5.0
│  eslint-plugin-storybook: ^10.5.0 => 10.5.0
│  storybook: ^10.5.0 => 10.5.0

Additional context

  • This is a blocker for all Angular projects using Storybook 10.5 that attempt
    to follow the official Angular 22 migration path via ng update.
  • The issue is reproducible locally with Node 22.22.3 + npm 10.9.8.
  • Angular 22 peer requirement: typescript >=6.0 <6.1
    (from @angular-devkit/build-angular@22.0.6)
  • Storybook Angular peer requirement: typescript ^4.9.0 || ^5.0.0
    (from @storybook/angular@10.5.0)
  • These two ranges are mutually exclusive and cannot coexist.
  • Expected fix: update typescript peer range in @storybook/angular to
    ^4.9.0 || ^5.0.0 || ^6.0.0

No response

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions