React js раскрывающиеся категории

Question

помогите пожалуйста, эти категории работают (открываются и закрываются) одновременно ... как это сделать для каждой ... но чтобы не терять динамизм

export const DropDownBlock = () => {
    const [isOpen, setIsOpen] = useState(true)
    
    return <section className="filterSection">
        {Object.keys(item.filters).map(f => {
            return <div className="dropDownTitleBlock" key={f}>
                <span className="dropDownIcon" onClick={() => isOpen ? setIsOpen(false) : setIsOpen(true)}>
                    {isOpen ? <MdKeyboardArrowDown/> : <MdKeyboardArrowRight/>}
                </span>
                <h5 className="dropDownTitle">{f}</h5>
            </div>
        })}

       
    </section>
}