1. 문제 요약

글로벌 채팅에서 최초 메시지를 보낼 때, 메시지가 두번 등록된 것처럼 보이는 현상

→ 근본 원인은 Client 상태 갱신 방식 타이밍 및 참조 문제

2. 근본 원인

GlobalChatService 의 메시지 누적 로직

기존 코드

this.messages.push(chatData);

위 방식은 참조를 직접 mutate 함

• React 에서 해당 배열 참조가 이미 사용 중일 때, 새 메시지가 두 번 append 되는 것처럼 보이는 현상이 발생

3. 해결 방법

배열 append 를 immutable 하게 변경