[Bug]: Accordion Component: Not possible to collapse items of nested accordion components

[anton-tsymuk-viacomcbs]

Package

@carbon/react

Browser

Chrome

Package version

1.39.0

React version

18.2.0

Description

Actual:

• items of a nested accordion component are expanded by default
• items of a nested accordion component can not be collapsed

Expected:

• items of a nested accordion component are collapsed by default
• items of a nested accordion component can be expanded/collapsed

Reproduction/example

https://stackblitz.com/edit/github-h6yxfu

Steps to reproduce

• expand the parent accordion item
• try to collapse the child accordion item

Suggested Severity

None

Application/PAL

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[tw15egan]

Hey there @anton-tsymuk-viacomcbs, Nested accordions are not a supported pattern in the design system. We recommend flattening your information architecture as much as possible.

#7328
#5666
#5765