How to Show/Hide nested array element/component after mapping outer array with useState in React?

Question

Initial objective:

• I have 4 components, when clicking on one of the components, the other three components disappear to only show the one that is clicked. Click