Why does useState hook behave this way?

Question

I\'m building a component which provides the user with multiple counters they can increment or decrement using the useState hooks.

 const [counters,setCounter