Как убирать класс у другого экземпляра компонента по клику?

Есть вот такой компонент:

 export const ButtonRoom = (props) => {
        const [activeRoom, setActiveRoom] = useState(false)
        const setRoom = () => {
            setActiveRoom(!activeRoom)
        }
        return(
            <button onClick={()=>setRoom()} className={activeRoom ? "room__active button" : "button"}>
            </button>
        )
    }

На данный момент я могу присвоить/убрать класс по клику только у элемента на котором производится клик, а как убрать класс у другого экземпляра компонента?