Accordion Component Not Mounting Content as Expected

[Sadik-Agani]

Search keywords

Accordion Details, Accordion Details not mounting

Latest version

• I have tested the latest version

Steps to reproduce

Steps:

1. Render a list of components, each containing and
2. Set mountOnEnter={true} and unmountOnExit={false} on
3. Inspect the DOM before expanding any accordion— is missing

Current behavior

I am experiencing unexpected behaviour with the MUI component. According to the MUI documentation, accordion content is mounted in the DOM by default, even when collapsed, unless explicitly unmounted via unmountOnExit.

However, in my case, is not present in the DOM until its corresponding is expanded for the first time. I have explicitly set mountOnEnter={true} and unmountOnExit={false} on , but the details content does not appear in the DOM until expansion.

Expected behavior

According to the documentation, should be mounted in the DOM by default, regardless of expansion state, unless unmountOnExit is explicitly set to true. With mountOnEnter={true} and unmountOnExit={false}, the details content should always be present in the DOM.

[mj12albert]

@Sadik-Agani Thanks for reporting this, would you mind providing a repro? You can fork this sandbox: https://codesandbox.io/p/sandbox/autumn-pond-v29s74

[github-actions]

Since the issue is missing key information and has been inactive for 7 days, it has been automatically closed. If you wish to see the issue reopened, please provide the missing information.