React Typescript - Controls Addon enum control not rendering consistently

Created a vite app and corresponding storybook using commands:

npm init @vitejs/app my-vite-app 
npx sb@next init --builder storybook-builder-vite

Firing up the storybook and looking at the Button -> Large story the control for the size prop renders as a text input. If you disable the vite builder in the main.js and use default webpack core it will render the size prop as radio buttons which is the documented control in Controls Docs

The control for the primary boolean property and the onClick are also missing. Manually providing the control config via argTypes will render the size control correctly.

Vite:

Webpack:

[mupinnn]

Hey, I tried it out to change the component name to be the same as the filename and it solved my issue right now. Probably the best workaround until https://github.com/joshwooding/vite-plugin-react-docgen-typescript/issues/2 got an update.

Thanks again @IanVS , I really appreciate it!

[IanVS]

Thanks for reporting this, and for the reproduction, @mupinnn. @joshwooding, you’ll be interested in this one. I opened https://github.com/joshwooding/vite-plugin-react-docgen-typescript/issues/2, since I think it’s an issue in the react-docgen-typescript plugin.