Expected behavior Accordions should be collapsed each time i populate from the data Actual behavior whenever i change the data dynamically the accordion which i left open last time before new data load same accordion with the same id is not collapsed rather it is opened. Resources (screenshots, code snippets etc.) const Detail = (props) => {
return ( <> toggleAccordion(props.details.id)} headerTitle={ <>   {props.details.techInfo.additionalInfo.applicationName + " (" + props.details.techInfo.additionalInfo.applicationEnvironment + ")"} } >

</>

); };

export default Detail;