Hide component when re-render the same component with different props

I am calling Button array many times I want to make the component disappear when clicking on one of the buttons

in the second picture, I would like to view details and every other component to collapse but at the end, they are all same component

EX: arr.map(()=>{
 <component data = {newData} />
})```
so I am rendering this multiple times and I want to hide it if same component rendered again