React state being set back to initial [] when socket.on() is triggered inside useEffect()

Question

I am a noob with React functional components and this is my first try with socket-io.

I have a functional component which is an inbox that renders up to ten "alert&q