socket이 적용된 room에 들어갔을 때, 연결이 제대로 안 되는 상황

1. 문제점

• 이전 trouble shooting에서 작성한 React.Strict를 제거했을 때 밑에 있는 error가 났다.
• EIO=4&transport=websocket&sid=I1OW0BmU3sdmRODXAAK-' failed: WebSocket is closed before the connection is established.

2. 해결한 방법

• 기존에 있던 socket 을 io로 지정하는 과정에서 {transports: ['websocket']} 을 추가하였다.

// 이전 코드
const socket = io(`${process.env.REACT_APP_SERVER}`)

// 변경된 코드
const socket = io(`${process.env.REACT_APP_SERVER}`, {transports: ['websocket']})

3. 알게 된 점

• React.StrictMode를 삭제하자마자 바로 위와 같은 error가 발생하게 되어 처음에는 너무 당황했었다. 하지만 바로 찾아보고 해결할 방법이 바로 나와 코딩에 재미가 더욱 생긴 것 같다.