The doc of subcomponents doesn't apper if displayName is declared in the subcomponent

[RodrigoTomeES]

Describe the bug
No inputs found in Subcomponents

To Reproduce
https://github.com/RodrigoTomeES/storybook-no-inputs-subcomponents

System

  System:
    OS: macOS 12.2.1
    CPU: (8) arm64 Apple M1 Pro
  Binaries:
    Node: 17.3.1 - ~/.nvm/versions/node/v17.3.1/bin/node
    Yarn: 1.22.17 - ~/.nvm/versions/node/v17.3.1/bin/yarn
    npm: 8.3.0 - ~/.nvm/versions/node/v17.3.1/bin/npm
  Browsers:
    Chrome: 99.0.4844.51
    Firefox: 97.0.1
    Safari: 15.3

Additional context
We create a component that use submodules and we want to see the props of this in Storybook. I managed to get this working in JavaScript but not in Typescript. Has anyone any idea about the problem? thanks!

Main component

Subcomponent, it should show the className prop

[RodrigoTomeES]

Hi,

I have an update about this issue, if you change the name of your subcomponent in the subcomponent file the docs doesn't work, but if you change it in the index of the parent component it works.

LineTable: this does that documentation doesn't work

export cont LineTable = () => <div>Do Something</div>;

LineTable.displayName = 'Table.Line';

Index of table: if you put the displayName here documentation works

import { Table } from './Table';
import { LineTable } from './LineTable';

export type TypeTable = typeof Table & {
  Line: typeof LineTable;
};

(Table as TypeTable).Line = LineTable;

LineTable.displayName = 'Table.Line';

export default Table as TypeTable;

[xandmore]

@RodrigoTomeES the workaround I used:

export const LineTable = () => <div>Do Something</div>;

{
  LineTable.displayName = 'Table.Line';
}