Storybook: rc30: <Props /> render as "nothing found".

[dpouliot]

Describe the bug
I updated from rc20 to rc30 this morning and all of my <Props /> show up as "nothing found".
(This is a Lerna monorepo)

import { Props } from '@storybook/addon-docs/blocks';
import Card from 'path/to/Card';

## Props
<Props of={Card} />

I also tried

import { ArgsTable } from '@storybook/addon-docs/blocks';
import Card from 'path/to/Card';

## Props
<ArgsTable />
<ArgsTable of='.' />

and got the same "Nothing found" result.

System:

$ npx -p @storybook/cli@next sb info

Environment Info:
(node:30336) UnhandledPromiseRejectionWarning: TypeError: (e || []).filter is not a function
    at /Users/n0271009/.npm/_npx/30223/lib/node_modules/@storybook/cli/node_modules/envinfo/dist/envinfo.js:1:73314
(node:30336) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). (rejection id: 1)
(node:30336) [DEP0018] DeprecationWarning: Unhandled promise rejections are deprecated. In the future, promise rejections that are not handled will terminate the Node.js process with a non-zero exit code.

[shilman]

Did you try removing node_modules and/or lockfiles and reinstalling?

[gcofficial]

Hey guys 👋🏻

We have the same problem...

and

The result is always nothing

[shilman]

Anybody have a reproduction I can look at?

[gcofficial]

I'll try to create a separate repo with a small example

[Dangoo]

We have a maybe similar issue but with expected props not being present.
While the args table on Properties.stories.tsx works just fine…

Text.stories.mdx

import { Text } from './Text.tsx'

<ArgsTable of={Text} />

Text.tsx

export const Text: React.FC<{ id?: string }> = React.forwardRef(function Text(
  { children, id, ...restProps },
  ref
) {
  return (
    <p ref={ref} id={id} {...restProps}>
      {children}
    </p>
  );
});

Args Table

[shilman]

OK, repro'd. Investigating! cc @gcofficial

Fix on the way 🙏

[shilman]

Boo-yah!! I just released https://github.com/storybookjs/storybook/releases/tag/v6.0.1 containing PR #11889 that references this issue. Upgrade today to try it out!

Closing this issue. Please re-open if you think there's still more to do.

[shilman]

I think that fixes it. Please give it a try and let me know if not!

[dpouliot]

<Props /> now works once again, thanks so much!

( <ArgsTable /> and <ArgsTable of='.' /> still don't work. )

[shilman]

@dpouliot that's surprising that ArgsTable doesn't work. do you have a repro?

[dpouliot]

@dpouliot that's surprising that ArgsTable doesn't work. do you have a repro?

https://drive.google.com/file/d/1b_eJxwruAeddJFNeylmBwDbb59mOTsSY/view?usp=sharing

[shilman]

Got it, thanks! @dpouliot