Why was the QR code removed from "Share" popover?

[oleksandr-danylchenko]

Summary

After upgrading to the Storybook 10.4.0, the Share popover looks and content have changed significantly. Now it only contains a button for publishing the stories and sharing a link directly:

However, in Storybook 10.3.0, there was a convenient QR code, so I could easily start testing stories on my phone.
Now I'd need to type the IP manually, which is fine, but slightly burdensome after getting used to the QR code 🤷🏻‍♂️

Was there any significant reasoning to remove it? Are there any plans to integrate it into the new Share popover?

[lizuju]

Looks like this changed during the share-tool refactor rather than through a config option.

In 10.3, the shareTool rendered a popover with:

• copy story link
• open in isolation mode
• QR section using the network URL

In 10.4, that file no longer exports the old shareTool; it exports isolationModeTool, which just opens the story in isolation mode. The old QR UI is not rendered anymore. I do still see some QR-related imports/components left in the file, but they are not wired into the exported tool, so they do not affect the UI.

So for now I would not look for a hidden setting in main.ts -- I do not think there is one. The practical options are:

1. stay on 10.3.x if the QR workflow is important right now
2. add a small custom manager tool that renders a QR code from api.getStoryHrefs(storyId, { base: 'network' })
3. open this as a feature request/regression against the new share UI

I cannot speak for the maintainers on whether the removal was intentional, but from the source diff it seems the QR section was dropped as part of the redesigned share/isolation tool, not because of a user-facing configuration change.

[oleksandr-danylchenko]

Thanks for the helpful insight!

[oleksandr-danylchenko]

I created a new regression issue here:

• [Bug]: The QR code with the story link is missing in the shareTool since 10.4.0 version #34907

[ghengeveld]

You can fairly easily recreate this functionality by creating an addon. Here's a working example (files go in your .storybook directory).