Skip to content

chore: upgrade Storybook 8 to 9#1314

Merged
aaronmars merged 2 commits intomasterfrom
fee-upgrade-react-gears-to-storybook-9
Apr 23, 2026
Merged

chore: upgrade Storybook 8 to 9#1314
aaronmars merged 2 commits intomasterfrom
fee-upgrade-react-gears-to-storybook-9

Conversation

@aaronmars
Copy link
Copy Markdown
Contributor

Summary

  • Upgrades the Storybook ecosystem from 8.6.18 → 9.1.20
  • Removes 7 packages now built into Storybook 9 core (addon-essentials, addon-controls, addon-actions, addon-viewport, manager-api, theming, @storybook/react)
  • Replaces storybook-source-link (incompatible with SB9) with an inline addon using SB9 manager APIs
  • Updates imports across 43 story files to new SB9 module paths
  • Bumps @chromatic-com/storybook to v4 (SB9-compatible), TypeScript to ≥4.9 (SB9 minimum)
  • Net reduction of ~800 lines in yarn.lock (fewer transitive dependencies)

No production risk — all changes are dev-only (storybook config, story files, devDependencies). The published lib/ and esm/ output is unaffected.

Test plan

  • storybook build completes successfully
  • storybook dev starts and serves on port 6006
  • Sidebar shows all component stories
  • Component stories render correctly (tested Button, Introduction)
  • Controls, Actions, Interactions, Accessibility panels all present
  • Theme switcher navbar (APM, MyCase, IM, Bootstrap) works
  • Source link toolbar button appears and links to GitHub
  • Dark manager theme applied with correct branding
  • Verify Chromatic visual tests pass

- Upgrade storybook ecosystem from 8.6.18 to 9.1.20
- Remove packages now built into SB9 core: addon-essentials, addon-controls,
  addon-actions, addon-viewport, manager-api, theming, @storybook/react
- Update imports across 43 story files to new SB9 paths
  (@storybook/addon-actions -> storybook/actions,
   @storybook/react -> storybook/react)
- Replace storybook-source-link (incompatible with SB9) with inline addon
  using SB9 manager APIs
- Update a11y addon config: element -> context
- Bump @chromatic-com/storybook to ^4.1.3 (SB9-compatible)
- Bump typescript ^4.6.3 -> ^4.9.5 (SB9 minimum)
- Bump .tool-versions nodejs to 24.13.1
- Revert .tsx story imports to @storybook/react (TS moduleResolution
  "Node" can't resolve storybook/react subpath exports)
- Add @storybook/react back to devDependencies for eslint
  import/no-extraneous-dependencies
- Fix TS 4.9 type errors exposed by the typescript bump:
  - CheckboxListInput/FormRow: type-assert cloneElement arg
  - Combobox: replace reference equality check with length check
@github-actions
Copy link
Copy Markdown
Contributor

Released prerelease version 8.19.3-fee-upgrade-react-gears-to-storybook-9-cd5b236.0.
You may now run npm install @appfolio/react-gears@fee-upgrade-react-gears-to-storybook-9

Comment thread .storybook/manager.js

const ADDON_ID = 'storybook/source-link';

const SourceLinkTool = () => {
Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This recreates the source link renderer addon that is no longer supported by SB 9.

@aaronmars aaronmars merged commit 834c1dd into master Apr 23, 2026
5 checks passed
@aaronmars aaronmars deleted the fee-upgrade-react-gears-to-storybook-9 branch April 23, 2026 22:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants