I'm trying to create a booking form using the SFAccordion Component.
I have simplified my issue to the following, Setting Expanded False on one accordionItem and True on another fails to render the AccordionContent of the item being set to Expanded, Please see the below Code.
Expected behaviour when Next button is clicked:
Setting accountExpanded to false should close the accordion item and adjust the header: Yes
Setting unitExpanded to true should open the accordion item and adjust the header: No, Header is show to be selected and open, however Content is not rendered (See below)
Please let me know if there is any known work around or if some how I am doing something wrong? Please note I have tried adding a StateHasChanged after setting unitExpanded to True however this does not work. Clicking on the headers works as expected.
Thank you