Props not displayed from an interface imported from a .tsx file

[jrwebdev]

version 1.0.0

When importing props from a file with a .tsx extension, the props are not displayed. Example:

// Component2.tsx
export interface Component2Props {
  prop1?: string;
  prop2?: number;
}

// Component1.tsx
import { Component2Props } from './Component2';

export interface Component1Props extends Component2Props {
  prop3?: string;
  prop4?: number;
}

In the above example prop1 and prop2 are not displayed. Happens even if the only thing in Component2.tsx is the interface, therefore doesn't appear to be related to React being imported or a component being exported in the same file. Also happens if the props are imported from a .tsx file and are used as-is (i.e. not extended).

Works fine if the inherited props are housed in the same file or imported from a .ts file.

[jrwebdev]

I have written a failing test here:

https://github.com/jrwebdev/react-docgen-typescript

I had a quick look but I don't have much experience of TypeScript's AST so I'm struggling to find the root cause and don't have the time at the moment to dig further into it.

[pvasek]

@jrwebdev Thanks for your test.

Released version v1.0.1 which includes the fix.

[besrabasant]

I do not think that is fixed. I am still not able to see my extended props documentation.

[reetou]

Same. Trying to use it without react-styileguidist, no props displayed in .tsx file.

[etylsarin]

Having the same issue.

[fagsoft1]

Me too. Imposible to find out how to expose imported interfaces.