[Bug]: (ExpandableTile) Warning: validateDOMNesting(...): <button> cannot appear as a descendant of <button>.

[EmelyanovSI]

Package

@carbon/react

Browser

Chrome, Firefox, Edge

Package version

v11.24.0

React version

v17.0.1

Description

There is a warning in console when we using ExpandableTile with interactive content in dev environment:

But in general there is no button nesting in dom tree:

Related issues, PRs and discussions

• Expandable Tile: Interaction Constraints #9003
• Expandable Tile - no interactive elements inside interactive elements #9442
• feat(react): switches close/open control to chevron if interactive content is present  #11020

Reproduction/example

https://codesandbox.io/p/github/EmelyanovSI/carbon-tile-issue

Steps to reproduce

1. Navigate reproduction/example link
2. Open devtools console (F12)

Suggested Severity

Severity 4 = Unrelated to a user task, has a workaround or does not need a workaround.

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