Socket.io implementation in useEffect hook

socket.js

  useEffect(() => {
    socket.current =
      process.env.NODE_ENV === 'production'
        ? io(productionWsUrl + streamUrlParams, { transports: ['websocket'] })
        : io(developmentWsUrl + streamUrlParams, { transports: ['websocket'] })

    socket.current.on('connect', () => {
      // either with send()
      console.log('WebSocket Open')
    })

    return () => {
      socket.current.on('disconnect', () => {
        console.log('close the socket') // undefined
      })
    }
  }, [
    facebookUrl,
    youtubeUrl,
    twitchStreamKey,
    customRtmpServer,
    customRtmpStreamKey,
  ])