Storybook 8 Community Addon Outreach

[joevaugh4n]

With Storybook 8 coming soon, we’ve created an addon migration guide to summarize the important changes for addon creators. Please note that not all addons will be affected by breaking changes introduced in Storybook 8, but all addon creators are encouraged to review the latest changes and assess their addons for compatibility.

We will use this issue to track outreach to the maintainers of these most downloaded community addons.

Community Addon outreach

Beta Give feedback

1. msw-storybook-addon (repo)
2. storybook-dark-mode 👉🏼 Storybook 8 hipstersmoothie/storybook-dark-mode#250 ready to go
3. storybook-addon-mock (repo) 👉🏼 Storybook 8 compatibility linearlabs-workspace/storybook-addon-mock#208
4. storybook-i18n (repo) 👉🏼 Storybook 8 compatibility stevensacks/storybook-i18n#20
5. storybook-addon-remix-react-router (repo) 👉🏼 Storybook 8 compatibility JesusTheHun/storybook-addon-remix-react-router#62
6. storybook-react-i18next (repo) 👉🏼 Reached out on Discord
7. storybook-addon-swc (repo) 👉🏼 Storybook 8 compatibility Karibash/storybook-addon-swc#53
8. storybook-addon-apollo-client (repo) 👉🏼 Storybook 8 compatibility lifeiscontent/storybook-addon-apollo-client#105
9. storycrawler (repo) 👉🏼 Storybook 8 compatibility reg-viz/storycap#838
10. storycap (repo) 👉🏼 Storybook 8 compatibility reg-viz/storycap#838
11. storybook-addon-performance (repo) 👉🏼 Storybook 8 compatibility atlassian-labs/storybook-addon-performance#152
12. @chakra-ui/storybook-addon (repo) 👉🏼 Storybook 8 compatibility chakra-ui/chakra-ui#8306
13. @storybook/addon-react-native-web (repo) 👉🏼 Reached out via Discord
14. loki (repo) 👉🏼 Storybook 8 compatibility oblador/loki#503
15. storybook-addon-cookie (repo) 👉🏼 Storybook 8 compatibility hwookim/storybook-addon-cookie#10
16. @geometricpanda/storybook-addon-badges (repo) 👉🏼 Storybook 8 compatibility geometricpanda/storybook-addon-badges#20
17. @react-theming/storybook-addon 👉🏼 Storybook 8 compatibility react-theming/storybook-addon#87
18. @etchteam/storybook-addon-status (repo) 👉🏼 Storybook 8 compatibility etchteam/storybook-addon-status#57
19. storybook-vue3-router (repo) 👉🏼Storybook 8 compatibility NickMcBurney/storybook-vue3-router#61
20. storybook-addon-sass-postcss (repo) 👉🏼 Storybook 8 compatibility 0xTheProDev/storybook-addon-sass-postcss#9
21. storybook-design-token (repo) 👉🏼 Storybook 8 compatibility UX-and-I/storybook-design-token#206
22. storybook-addon-react-docgen (repo) 👉🏼 Storybook 8 compatibility hipstersmoothie/storybook-addon-react-docgen#142
23. @whitespace/storybook-addon-html (repo) 👉🏼 Storybook 8 compatibility whitespace-se/storybook-addon-html#112
24. storybook-react-intl (repo) 👉🏼 Reached out on Discord
25. storybook-addon-angular-router (repo) 👉🏼 Storybook 8 compatibility Jakob-em/storybook-addon-angular-router#27
26. storybook-zeplin (repo) 👉🏼 Storybook 8 compatibility zeplin/storybook-zeplin#84
27. storybook-addon-paddings (repo) 👉🏼 Storybook 8 compatibility rbardini/storybook-addon-paddings#42
28. @amplitude/storybook-addon-amplitude (repo) 👉🏼 Storybook 8 compatibility amplitude/storybook-addon-amplitude#53
29. @bbbtech/storybook-formik (repo) 👉🏼 Storybook 8 compatibility bbbtech/storybook-formik#75
30. storybook-addon-rtl (repo) 👉🏼 Storybook 8 compatibility literalpie/storybook-addon-rtl#8
31. storybook-addon-code-editor (repo) 👉🏼 Storybook 8 compatibility JeremyRH/storybook-addon-code-editor#33
32. storybook-addon-manual-mocks (repo) 👉🏼 Storybook 8 compatibility gebeto/storybook-addon-manual-mocks#17
33. storybook-xstate-addon (repo) 👉🏼 Storybook 8 compatibility SimeonC/storybook-xstate-addon#59
34. storybook-addon-intl (repo) 👉🏼 Storybook 8 compatibility truffls/storybook-addon-intl#184
35. storybook-tailwind-dark-mode (repo) 👉🏼 Storybook 8 addon compatibility renatomoor/storybook-tailwind-dark-mode#24

FAQs

I'm maintaining an addon. How do I make it compatible with Storybook 8?

We highly recommend consulting our addon migration guide. If you have any questions or encounter any issues, please reach out to Storybook maintainers in the Storybook Discord community.

What can I do if an addon I use is incompatible with Storybook 8 but isn't on this list?

To share incompatibility errors, please open an issue on the repo of the relevant addon, asking the author to add Storybook 8 compatibility, and share this page for reference.

It's also really useful for us to know which addons aren't yet compatible. Please consider adding a comment here, especially if the addon is popular and causes a critical failure. Alternatively, if you have the resources, please consider helping migrate that addon yourself!

Thank you for being part of our addon community! 🙇

[SalahAdDin]

@joevaugh4n storybook-addon-rtl (repo) is compatible.

[JesusTheHun]

@joevaugh4n storybook-addon-react-router-v6 (repo) is compatible.

Note that the addon has been renamed storybook-addon-remix-react-router 👏

[joevaugh4n]

@JesusTheHun, @SalahAdDin, thanks so much both!

[pcorpet]

I see that storybook-addon-theme-provider is not on the list. I'll reach out to the maintainer.

[indigolain]

@joevaugh4n
storycrawler (repo) and storycap (repo) is now compatible 🚀

[gentslava]

@joevaugh4n hello
I prepared a PR for @bbbtech/storybook-formik
I also published a fork with Storybook 8 compatibility @gentslava/storybook-formik
You can include the fork if the original author doesn't add compatibility.

[maraisr]

@joevaugh4n storybook-addon-grid is now Storybook 8 compatible. ^0.5.0

[darkvertex]

What about addons made by the Storybook devs?

For example @storybook/addon-events@6.2.9 from https://github.com/storybookjs/storybook/tree/master/addons/events reports as incompatible when starting the Storybook dev server

[simon-v-swyftx]

Bug opened for storybook-addon-playroom rbardini/storybook-addon-playroom#56

[SalahAdDin]

Bug opened for storybook-addon-playroom rbardini/storybook-addon-playroom#56

That addon looks interesting.

[gethari]

@ljcl/storybook-addon-cssprops ->
ljcl/storybook-addon-cssprops#45 (comment)

[julrich]

We're currently working on updating our addons, should be done by next week:

• @kickstartds/storybook-addon-jsonschema: Storybook 8 kickstartDS/storybook-addon-jsonschema#27
• @kickstartds/storybook-addon-component-tokens: Storybook 8 kickstartDS/storybook-addon-component-tokens#31

[lifeiscontent]

@joevaugh4n is there a way I can use a React Provider across preview/manager one of the biggest pain points for zero config setup in storybook-addon-apollo-client is because the deps between preview/manager are not the same, so when users try to run the addon the Provider breaks due to it using different dependencies with the decorators are injected into preview. I've had to make an API where users have to manually pass in the MockedProvider to get this to work