PropsTable with imported flow props does not work

[borsdenold]

When i use PropsTable with flow props, which described near Component, all working good:

// @flow

import * as React from 'react';

type Props = {
  title: string,
}

const Button = ({ title }: Props): React.Element<*> => {
  return (
    <div>
      {title}
    </div>
  );
};

export default Button;

But if i use props, which described in another file, they are not shown:

types.js

export type Props = {
  title: string,
}

// @flow

import * as React from 'react';
import * as types from '../types';


const Button = ({ title }: types.Props): React.Element<*> => {
  return (
    <div>
      {title}
    </div>
  );
};

export default Button;

Any ideas, why?

[Swapnull]

After a bit of poking around, this issue seems to be down to react-docgen. (see reactjs/react-docgen#33).

That issue describes a utility function that works around the problem, this probably needs including in the project to fix this issue.

[weslleyaraujo]

faced the same issue today, took me a while to find out what was going on 😅

[weslleyaraujo]

@Swapnull can you point me what you mean by this function to work around the issue?

[jeffsee55]

@weslleyaraujo I think he is referring to this solution - https://github.com/siddharthkp/react-docgen-external-proptypes-handler

[pedronauck]

I'll close this issue in favor of #240, since both is related to pass custom config to react docgen!