Property types don't show up

[smashercosmo]

After upgrading to latest styleguidist (the one with native TS support) property types stopped showing up

Current behavior

With react-docgen-typescript you could see property types

To reproduce

Try to use react-styleguidist with TS

Expected behavior

You should be able to see property types

[mitsuruog]

I have the same issue. version isv11.0.1.

Here is my sandbox.

• https://codesandbox.io/s/react-styleguidistissues1551-1iyof

[sapegin]

Feel free to send a pull request with a fix 👾

[mitsuruog]

In my case, there are 2 issues.

1. react-docgen does not parse the type of the component correctly.

The type of this component will not parse anything.

export const Button: React.FC<ButtonProps> = props => {
  // ...
}

But this component can parse.

export function Button(props: ButtonProps) {
  // ...
}

It might be an issue or limitation for react-docgen.

2. react-styleguidist does not render tsType even if react-docgen has parsed successfully.

react-docgen returns tsType including the type info, but the current version does not seem to handle this correctly.

[mitsuruog]

@sapegin I am working on it. 😉

[mitsuruog]

@sapegin I want to hear your opinion.

I am wondering how to display types in the UI for TypeScript.
It is a little different in the result of the UI from the way what the old version was.
because for the TypeScript users, it used to use react-docgen-typescript, but now it uses react-docgen.

ex)

If type is something like:

prop3: () => void;

Old version:

Prop name: prop3
Type: () => void;

New version:

Prop name: prop3
Type: function
// NOTE: `() => void` goes to tooltip

Since I've been looking at the old version for a long time, the new version of the result feels a bit difficult to use. but it has an inconsistency for the result of flowType.

so should I keep the way for react-docgen-typescript or take consistency for the flowType.

[styleguidist-bot]

🎉 This issue has been resolved in version 11.0.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀