SendbirdError: Connection timeout

[Problem/Question]
SendbirdError: Connection timeout.


[SDK Version]
v4.16.5

[Reproduction Steps]

import SendbirdChat from '@sendbird/chat';
import { GroupChannelModule } from '@sendbird/chat/groupChannel';
import { OpenChannelModule } from '@sendbird/chat/openChannel';

const sb = SendbirdChat.init({
  appId: APP_ID,
  modules: [new OpenChannelModule(), new GroupChannelModule()],
});

export default sb;
export default function ChatContainer() {
  const user = useRootState((state) => state.core.user);

  const [me, setMe] = useState<User>();

  const onConnect = useCallback(async () => {
    if (user) {
      try {
        const token = localStorage.getItem('token');
        const { data } = await axios.post(
          'https://archichat-api.vnres.net/create-sendbird-user',
          { user_id: user._id },
          { headers: { Authorization: `Bearer ${token}` } }
        );

        const me = await sb.connect(data.user_id, data.access_token);
        setMe(me);
      } catch (error) {
        console.error(error);
      }
    }
  }, [user]);

  useEffect(() => {
    onConnect();

    return () => {
      sb.disconnect();
    };
  }, [onConnect]);

  // Some code
}

[Frequency]
This error occasionally occurs; however, when I open it in a different browser tab, it works fine.

[Current impact]
// How is this currently impacting your implementation?