FAQ ACCORDION CARD MAIN WITH REACT + SASS

So I completed this project and it was a bit of a pain trying to leave only one details open at a time and in the end I decided not to add it since it was delaying me so I will appreciate any opinions you offer on how to use react to toggle only one details at a time. I manipulated the Dom directly like I will do in js and it somehow worked but it wasn't closing the already opened dialogue when you click again and it was said it isn't good to manipulate the dom directly in react but with state so i had to forgo that