Skip to content

Update Storybook to latest #570

Closed
Closed

Description

@timea-solid

Managed to update Storybook from 6 to 7. Beyond 7, Storybook does not support MDX stories anymore.

Activity

  1. added theissue type on Aug 21, 2025
  2. melvincarvalho commented on Jan 18, 2026

    @melvincarvalho
    Contributor

    Saw the "help wanted" tag and took a look at this.

    Storybook Migration Resources

    The official documentation for upgrading:

    The key issue is that Storybook 8 removed support for .stories.mdx files (the hybrid format where stories are defined inside MDX). Stories must now be in CSF (Component Story Format) .stories.js files, with MDX used only for documentation.

    What We Did

    1. Ran the upgrade command:

      npx storybook@8 upgrade

      This updates packages and runs automigrations including the mdx-to-csf codemod.

    2. The codemod converted all 21 .stories.mdx files to:

      • .stories.js files (CSF3 format with story definitions)
      • .mdx files (pure documentation)
    3. Added required addons:

      • @storybook/addon-webpack5-compiler-swc - compiler support for Storybook 8
      • @storybook/addon-mdx-gfm - GitHub-flavored markdown support (migration helper)
    4. Updated configuration:

      • Removed deprecated argTypesRegex from preview.js
      • Updated stories glob pattern in main.js
    5. Verified the build passes: npm run build-storybook completes successfully.

    Commit: f1e8f9f

  3. added a commit that references this issue on Jan 18, 2026
    f1e8f9f
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions