Flow support

[lihanqi]

Hi I'm currently working with docs and since our team is using Flow, Im wondering if current addon-docs support Flow props table?

I have seen some issues but its still unclear to me. I saw there is a way to use react-docgen-typescript-loader in webpack loader as follows:

module.exports = {
  webpackFinal: async config => {
    config.module.rules.push({
      test: /\.(ts|tsx)$/,
      use: [
        {
          loader: require.resolve('ts-loader'),
        },
        // Optional
        {
          loader: require.resolve('react-docgen-typescript-loader'),
        },
      ],
    });
    config.resolve.extensions.push('.ts', '.tsx');
    return config;
  },
};

Since react-docgen already support Flow, can we replace require.resolve('react-docgen-typescript-loader') with something similar?

Any help would be appreciate, thanks ahead.

[shilman]

@lihanqi can you try the recommended 6.0 setup (should work in 5.3 too):

https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#react-prop-tables-with-typescript

We've consolidated on react-docgen as our typescript solution.

[lihanqi]

@shilman Thanks for the reply!

Currently I'm using 5.3.14. It seems does not support Flow type check, not TypeScript. Is Flow doc parsing natively supported in 6.x?

[shilman]

@lihanqi i'm pretty sure @patricklafrance got flow working. i'm working on the docgen default configuration this week and will try to get a reference example ready for flow.

[lihanqi]

Sounds awesome! Thanks!

[shilman]

Keeping this open

[raen79]

Hey guys, does anyone have even a temporary solution. I would need this feature quite urgently and I can't figure out how to get it working ... :(

[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!

[stale]

Hey there, it's me again! I am going close this issue to help our maintainers focus on the current development roadmap instead. If the issue mentioned is still a concern, please open a new ticket and mention this old one. Cheers and thanks for using Storybook!

[pascalduez]

I'm interested in Flow support as well, shouldn't be too much hassle since react-docgen already parse it pretty well.

I tried with typescript: { reactDocgen: 'react-docgen' } (oh the irony) but doesn't change a thing.

[shilman]

@pascalduez That setting does change Storybook to use react-docgen under the hood. There are downstream fixes that need to be made to support Flow. Contributions welcome!

[pascalduez]

Thanks @shilman, will try to digg deeper.