fix: [Nested accordion unable to collapse when set expanded parameter to true] in [v5]

[garrenf]

🐛 Bug Report

Nesting an accordion inside of another accordion, then setting the child accordion Expanded parameter to "true" causes the child accordion to break. The accordion can't be expanded or collapsed.

💻 Repro or Code Sample

<FluentAccordion>
    <FluentAccordionItem Header="Accordion Parent">
        Accordion Parent
        <FluentAccordion>
            <FluentAccordionItem Header="Accordion Child" Expanded="true">
                Accordion Child
            </FluentAccordionItem>
        </FluentAccordion>
    </FluentAccordionItem>
</FluentAccordion>

🤔 Expected Behavior

The child accordion child should be collapsed when clicking the header.

😯 Current Behavior

The child accordion does not collapse and throws an error in the console

[vnbaaij]

This is an issue within the web component. Please raise an issue in that repo (as I will be out for a couple of days). You can use this link for the reproduction code: https://stackblitz.com/edit/typescript-fwbke9g4?file=index.html

It could very well be that nested scenarios are not supported