[@mui/material]: (Storybook v8 )- Using react-docgen-typescript for showing controls results in "Show Code" being messed up

[melon2504]

Details

Recipe Page: @mui/material
Recipe Template: @mui/material
Browser: All

What is wrong

I have followed the following link of setting MUI with storybook.
https://storybook.js.org/recipes/@mui/material

The above definitely results in showing controls for all MUI props, but the "Show Code" in docs section is messed up. It worked fine in v7 of storybook.

Check the Docs section for Button Component in the storybook sandbox:
https://stackblitz.com/edit/github-qvoztx-kzoyvk?file=.storybook%2Fmain.ts

Screenshots

If I omit the typescript config in main.ts - code is shown correctly.

[chengwuchao]

I also encountered this problem. Is there any solution ?