React-vite: Docgen HMR is broken

[qiaogaolong]

Describe the bug

Comments on jsdoc modification or type modification will not be hot updated

To Reproduce

No response

System

No response

Additional context

No response

[qiaogaolong]

If you extract the type declaration and then introduce it, the description will be modified and will not be updated until you restart the project.
And even if you write this on the same page, you have to refresh the page to see it. Why doesn't it support hot updates?

[qiaogaolong]

Changes here will not take effect if you refresh the page unless you restart the project.
This is the recurring address：https://stackblitz.com/edit/github-aca5uv-rsoya7?file=src%2Fstories%2FButton.tsx,src%2Fstories%2FButton.types.ts,src%2Fstories%2FButton.stories.ts

[ndelangen]

This is due to the HMR event being handled by the react-refresh plugin.

Storybook depends on the HMR event being bubbled further up, however the react-refresh plugin catches the HMR, and doesn't let the event propagate.

This causes storybook to not be aware of the module changing.

So as of right now, when react-fast-refresh is enabled, storybook project annotations won't HMR.

@vanessayuenn what do you think the best way forwards is for this ticket?

[shilman]

Possibly related to #26881 @valentinpalkovic