[Bug]: Storybook 10 private API changes affecting you

[Sidnioulz]

Area

storybook

Environment

n/a

Current Behavior

You currently rely on some Storybook internals to power react-storybook-addon-export-to-sandbox:

• Stories in docs using an #anchor--* ID
• The specific formatting of the ActionBar under each story canvas

Those are undergoing changes in Storybook 10 minor releases.

Expected Behavior

The '#anchor--' ID can now sometimes be #anchor--primary- to avoid a duplicate ID accessibility violation on primary stories (storybookjs/storybook#33363). You will need to adjust your selectors accordingly for the primary story of each docs page.

We are replacing the ActionBar area inside Previews by Button components under Preview, you could reuse storybook/internal/components's Button for matching styling going forward. You will probably need to adjust your selectors to correctly identify the Button area.

Reproduction

https://storybooks.fluentui.dev/react/?path=/docs/components-checkbox--docs

Steps to reproduce

1. Navigate to any autodocs page on your Storybook, post SB10 migration
2. Notice that your package fails to add buttons to primary stories
3. Notice that there likely are styling / selector errors

Suggested severity

Low - Has or doesn't need a workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[mainframev]

Hello @Sidnioulz,

Thank you for reporting this, it’s greatly appreciated and will be very helpful for the upcoming SB 10 migration