can not receive user-published event but see log [remote user xxx published video/audio] about agorawebsdk-ng HOT 9 OPEN

1. create client
2. join room
3. create local tracks and publish them
4. subscribe event

1. create client
2. subscribe event
3. join room
4. create local tracks and publish them

const connect = async (token: string, roomId: string, userId: string) => {
    let localTracks: {localAudioTrack?: ILocalAudioTrack; localVideoTrack?: ILocalVideoTrack } = {}      
    localTracks = await acquireLocalTracks()
    try {
      const newRoom = await AgoraRTC.createClient({
        mode: 'rtc', codec: 'vp8',
      })
      if (newRoom) {
        setRoom(newRoom)

        // Join a room
        await newRoom.join(getConfig().agoraAppId, roomId, token, userId)

        const participantJoined = async (participant: RemoteParticipant) => {
          if (!R.isEmpty(newRoom.remoteUsers)) {
            setParticipants(newRoom.remoteUsers)
          }
        }

        const participantLeft = (participant: RemoteParticipant) => {
          setParticipants(newRoom.remoteUsers)
        }

        const participantPublished = async (participant: RemoteParticipant, mediaType: 'audio' | 'video') => {
          // Subscribe to a remote user
          try {
            await newRoom.subscribe(participant, mediaType)
          } catch (error) {
          }
          if (!R.isEmpty(newRoom.remoteUsers)) {
            setParticipants(newRoom.remoteUsers)
          }
        }

        const participantUnpublished = (participant: RemoteParticipant, mediaType: string) => {
          setParticipants(newRoom.remoteUsers)
        }

        newRoom.on('user-joined', participantJoined)
        newRoom.on('user-left', participantLeft)

        // subscribe a remote user
        newRoom.on('user-published', participantPublished)
        newRoom.on('user-unpublished', participantUnpublished)
     }
}