ArgsTable: Errors on TS components whose names are keywords

[aricma]

Bug or support request summary

I wrote a functional component with the function name "Switch". The storybook was strating and loading for ever. There was no indicator that somthing went wrong.
As I opened the console I saw an error leading me to fixing the name of my component into something other than switch.

I am not sure if this is an edge case but if this error would have lead the storybook to crash or there would have been a message in the view, my search wouldn't have taken so long.

Steps to reproduce

• write a story for a functional component with the name "Switch".
• start the storybook

Please specify which version of Storybook and optionally any affected addons that you're running

• @storybook/react 6.1.2
• @storybook/addon-* 6.1.2

Affected platforms

• macOs 11.0.1
• firefox developer edition 84.0b4

Screenshots / Screencast / Code Snippets (Optional)

const Switch: FunctionComponent<Switch> = (props) => {
    return (
        <Wrapper>
             <Knob>
        </Wrapper>
    );
};

[shilman]

Do you have a repro repo you can share?

[aricma]

Do you have a repro repo you can share?

I will create one

[aricma]

@shilman https://github.com/aricma/reproduce-storybook-bug-13301

[shilman]

@hipstersmoothie Mind taking a quick look?

[hipstersmoothie]

Seeing if we can get a fix in styleguidist/react-docgen-typescript#313

[stale]

Hi everyone! Seems like there hasn't been much going on in this issue lately. If there are still questions, comments, or bugs, please feel free to continue the discussion. Unfortunately, we don't have time to get to every issue. We are always open to contributions so please send us a pull request if you would like to help. Inactive issues will be closed after 30 days. Thanks!

[shilman]

closing as dupe to #11980