Cannot set properties of undefined (setting 'activationPromise')

[marchelaja]

Summary

i got this error when i run my storybook on my newest project. actually i have 2 other project that already work and i try to apply same config on the latest project i have but it broke.
can anyone tell me what part i missing?

Additional information

devDependencies for related to storybook

"devDependencies": {
   "@angular-devkit/architect": "^0.2100.0",
   "@angular-devkit/build-angular": "^21.0.0",
   "@angular-devkit/core": "^21.0.0",
   "@angular/build": "^21.2.6",
   "@angular/cli": "^21.2.2",
   "@angular/compiler-cli": "^21.0.0",
   "@angular/platform-browser-dynamic": "^21.0.0",
   "@chromatic-com/storybook": "^5.0.1",
   "@compodoc/compodoc": "^1.2.1",
   "@storybook/addon-coverage": "^3.0.0",
   "@storybook/addon-docs": "^10.2.13",
   "@storybook/addon-links": "^10.2.13",
   "@storybook/angular": "^10.2.13",
   "@tailwindcss/postcss": "^4.1.12",
   "@types/node": "^25.3.3",
   "jsdom": "^28.0.0",
   "msw-storybook-addon": "^2.0.6",
   "postcss": "^8.5.3",
   "storybook": "^10.2.17",
   "tailwindcss": "^4.1.12",
   "tw-animate-css": "^1.4.0",
   "typescript": "~5.9.2",
   "vitest": "^4.0.8"
 },
 "msw": {
   "workerDirectory": [
     "projects/storybook/public"
   ]
 },
 "overrides": {
   "@storybook/angular": {
     "@angular/compiler": "^21.0.0",
     "@angular/animations": "^21.0.0",
     "@angular-devkit/build-angular": "^21.1.6",
     "@angular/cli": "$@angular/cli",
     "@angular/core": "$@angular/core",
     "@angular/forms": "$@angular/forms",
     "@angular/common": "$@angular/common",
     "@angular/compiler-cli": "$@angular/compiler-cli",
     "@angular/platform-browser": "$@angular/platform-browser"
   }
 }

storybook main.ts

import type { StorybookConfig } from '@storybook/angular';

const config: StorybookConfig = {
  stories: ['./stories/**/*.stories.@(ts|tsx|js|jsx)', './stories/**/*.docs.mdx'],
  addons: [
    '@chromatic-com/storybook',
    '@storybook/addon-links',
    'msw-storybook-addon',
    '@storybook/addon-coverage',
    '@storybook/addon-docs',
  ],
  framework: {
    name: '@storybook/angular',
    options: {},
  },
  staticDirs: ['./public'],
};
export default config;

storybook preview.ts

setCompodocJson(docJson);
initialize();

const preview: Preview = {
  parameters: {
    layout: 'centered',
    actions: {
      argTypesRegex: '^on[A-Z].*',
    },
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/,
      },
    },
    docs: {
      theme: themes.dark,
      source: {
        transform: (src: string, storyContext: StoryContext) => {
          return generateSourceFromContext(src, storyContext);
        },
      },
    },
  },
  loaders: [mswLoader],
  decorators: [
    applicationConfig({
      providers: [
        provideHttpClient(),
      ],
    }),
  ],
};

export default preview;

Create a reproduction

No response

[marchelaja]

it fix,
i remove the msw-storybook-addon.
what i remove: initialize() and loaders: [mswLoader]
it works now