Collapse does not work when Panel is inside another component

[oluckyman]

Example:

<Collapse>
  { items.map(item => <Item name={item.name} />) }
</Collapse>

const Item = ({ name }) => <Panel header={name} key={name}>...</Panel>;

It does not work.
It produces this HTML:

So it’s impossible to separate concerns between List component and List item components.

[ant-design-bot]

Hello @oluckyman, your issue has been closed because it does not conform to our issue requirements. Please use the Issue Helper to create an issue, thank you!

[benjycui]

Trace: #4853

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.