socket.io를 이용해서 채팅앱을 만드는 과정 중 발생한 이벤트 중복 등록.
useState로 만든 배열에 요소가 2번씩 들어갔다.

왜 발생하나 계속 찾아보던 와중 socket.io docs에서 답을 찾았음

https://socket.io/how-to/use-with-react#cleanup

• 중복된 이벤트 등록을 방지하기 위해 등록된 모든 이벤트 리스너는 cleanup으로 지우셈 이라고 친절히 나와있었다..

정리

socket.io의 on 메서드는 이벤트 리스너를 추가하는 방식이라 clean up 함수를 이용해서 제거해줘야 함 안그러면 리스너가 계속해서 쌓여서 같은 이벤트를 여러번 처리하게 된다.