Channel is not appear when create new channel

[Problem/Question]
Channel is not appear when create new channel


[SDK Version]
v4.16.5

[Reproduction Steps]

This is my code:

  useEffect(() => {
    // const sb = SendbirdChat.init(...); // For Sendbird Chat SDK initialization details, refer to:
    // https://sendbird.com/docs/chat/sdk/v4/javascript/getting-started/send-first-message#2-get-started-3-step-2-initialize-sendbird-chat-sdk

    const UNIQUE_HANDLER_ID = Date.now().toString();

    const connectionHandler: ConnectionHandler = new ConnectionHandler({
      onConnected: (userId) => {
        console.group('onConnected');
        console.log(`Connected to Sendbird Chat SDK as ${userId}`);
        console.log(new Date());
        console.groupEnd();
      },
      onDisconnected: (userId) => {
        console.group('onDisconnected');
        console.log(`Disconnected from Sendbird Chat SDK: ${userId}`);
        console.log(new Date());
        onConnect();
        console.groupEnd();
      },
      onReconnectStarted: () => {
        console.group('onReconnectStarted');
        console.log('Reconnecting to Sendbird Chat SDK...');
        console.log(new Date());
        console.groupEnd();
      },
      onReconnectSucceeded: () => {
        console.group('onReconnectSucceeded');
        console.log('Reconnected to Sendbird Chat SDK');
        console.log(new Date());
        console.groupEnd();
      },
      onReconnectFailed: () => {
        console.group('onReconnectFailed');
        console.log('Failed to reconnect to Sendbird Chat SDK');
        console.log(new Date());
        console.groupEnd();
      },
    });

    sb.addConnectionHandler(UNIQUE_HANDLER_ID, connectionHandler);

    return () => sb.removeConnectionHandler(UNIQUE_HANDLER_ID);
  }, []);
  useEffect(() => {
    if (!loading) {
      const key = Date.now().toString();
      const groupChannelHandler: GroupChannelHandler = new GroupChannelHandler({
        onChannelChanged: async (channel: BaseChannel) => {
          dispatch({ type: ChatActionType.CHANNEL_UPDATE, payload: channel as GroupChannel });

          if (channel.url === state.channelOpen?.url && state.channelOpen)
            state.channelOpen.markAsRead();
        },
        onChannelDeleted(channelUrl) {
          dispatch({ type: ChatActionType.CHANNEL_DELETE, payload: channelUrl });
        },
        onUserJoined(channel) {
          if (state.channelOpen && channel.url === state.channelOpen.url)
            dispatch({ type: ChatActionType.CHANNEL_UPDATE, payload: channel });
        },
        onUserLeft(channel) {
          if (state.channelOpen && channel.url === state.channelOpen.url)
            dispatch({ type: ChatActionType.CHANNEL_UPDATE, payload: channel });
        },
        onMessageReceived(channel) {
          if (!state.channels.some((ch) => ch.url === channel.url))
            dispatch({ type: ChatActionType.CHANNEL_ADD, payload: channel as GroupChannel });
        },
      });
      sb.groupChannel.addGroupChannelHandler(key, groupChannelHandler);

      return () => sb.groupChannel.removeGroupChannelHandler(key);
    }
  }, [loading, state.channelOpen]);

[Frequency]
When I dont use browser tab about 20 minutes

[Current impact]
It’s impacting bug for my project.