Wrong name using StatelessComponent

[emartini]

Hi guys :),

I'm checking this project and I've found this small issue when I declare a StatelessComponent using this notation

import * as React from 'react';


interface IButton {
  /** prop1 */
  prop1: string;
}

const Button: React.SFC<IButton> = props => (
  <button>{props.prop1 || "1"}</button>
);

export default Button;

I see this output,

But If I write the component using this notation, I get the right component name

export const Button: React.SFC<IButton> = props => (
  <button>{props.prop1 || "1"}</button>
);

Is there a way to indicate the component name when I use the React.SFC<> interface?.

Thanks in advance

[maple-leaf]

I have same problem.
And comment about and inside the SFC are ignored.

versions of deps:

    "react-docgen-typescript": "^1.2.4",
    "react-styleguidist": "^6.2.5"
    "typescript": "^2.6.2",
    "webpack": "^3.10.0",

related styleguide config

module.exports = {
  ...
  resolver: require('react-docgen').resolver.findAllComponentDefinitions,
  propsParser: require('react-docgen-typescript').withDefaultConfig({ propFilter: { skipPropsWithoutDoc: true } }).parse
};