StreamChannel stuck on loading

[yeasin50]

Hi, I am trying to connect P2P messaging, token generation handled by backend dev. While implementing on flutter, it stuck on loading. I would greatly appreciate any guidance on this matter.

Thank you,

This is the demo version

class ChatPage extends StatelessWidget {

 Future<(StreamChatClient, Channel)?> get streamFuture async {
    final client = StreamChatClient(StreamMessageConfig.streamApiKey,
        logLevel: Level.INFO);
    final channel = client.channel('messaging'); //also tried with id
    final streamToken = await locator.get<AppConfig>().getStreamToken();
    final result = await client.connectUser(
        User(id: "testUser_d204c43a-b26a-428c-8c06-65242d2d8374"),
        streamToken!); //fine here
    print("connected user $result user");
    // channel.watch(); //tried with it here
    return (client, channel);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: SafeArea(
        child: FutureBuilder<(StreamChatClient, Channel)?>(
          future: streamFuture,
          builder: (BuildContext context, AsyncSnapshot snapshot) {
            if (snapshot.hasError) {
              return Text("Something went wrong ${snapshot.error}");
            } else if (snapshot.connectionState == ConnectionState.waiting) {
              return const Center(child: Text("Loading"));
            } else if (snapshot.hasData && snapshot.data != null) {
              final data = snapshot.data as (StreamChatClient, Channel);

              return StreamChat(
                client: data.$1,
                child: Builder(
                  builder: (context) {
                    return StreamChannel(
                      channel: data.$2,
                      loadingBuilder: (ctx) =>
                          const Center(child: Text("channel Loading")),
                      child: StreamMessageListView(loadingBuilder: (ctx) {
                        return const Center(child: Text("chat Loading"));//stuck here
                      }),
                      errorBuilder: (ctx, obj, st) {
                        return Center(
                          child: Text("Error ${st}"),
                        );
                      },
                    );
                  },
                ),
              );
            }
            return const Text("NA State");
          },
        ),
      ),
    );
  }
}

console log

I/flutter ( 6261): user UserInfo(id: 22, name: name, email: null, userType: normal, isTeam: 0, emailVerifiedAt: 2024-02-07T04:59:32.000000Z, isVerified: 1, phoneNumber: +8801715469898, cityId: 1, businessName: null, status: active, suspendedUntil: null, photo: https://dash.locato.app/storage/user/photos/7xIX0fCRXGYMfmmD9N8MH1mDjSAvlmN7oKwVDpUr.png, createdAt: 2024-02-07 04:59:32.000Z, updatedAt: 2024-02-08 02:04:42.000Z)
I/flutter ( 6261): UserInfo(id: 22, name: name, email: null, userType: normal, isTeam: 0, emailVerifiedAt: 2024-02-07T04:59:32.000000Z, isVerified: 1, phoneNumber: +8801715469898, cityId: 1, businessName: null, status: active, suspendedUntil: null, photo: https://dash.locato.app/storage/user/photos/7xIX0fCRXGYMfmmD9N8MH1mDjSAvlmN7oKwVDpUr.png, createdAt: 2024-02-07 04:59:32.000Z, updatedAt: 2024-02-08 02:04:42.000Z)
I/flutter ( 6261): 2024-02-08 12:21:29.675545 ℹ️ 🔌 Event received: health.check 
I/flutter ( 6261): 2024-02-08 12:21:29.676582 ℹ️ 🔌 Connection successful: 65bcc65f-0a05-276a-0000-000000798a2f 
I/flutter ( 6261): 2024-02-08 12:21:29.679402 ℹ️ 🔌 Starting monitoring events 
I/flutter ( 6261): 2024-02-08 12:21:29.681960 ℹ️ 🔌 Starting health check monitor 
I/flutter ( 6261): 2024-02-08 12:21:29.693980 ℹ️ 🔌 Sending Event: health.check 
I/flutter ( 6261): 2024-02-08 12:21:29.718537 ℹ️ 🔌 Starting reconnection monitor 
I/flutter ( 6261): 2024-02-08 12:21:29.721955 ℹ️ 🔌 Needs to reconnect : false 
I/flutter ( 6261): connected user OwnUser(+8801715469898, user, 2024-02-08 06:21:37.813096Z, true, {invisible: false, unread_count: 0}, false, null, [], ) user
D/EGL_emulation( 6261): app_time_stats: avg=579.63ms min=195.28ms max=1276.76ms count=3
I/flutter ( 6261): 2024-02-08 12:21:30.135854 ℹ️ 🔌 Event received: health.check 
I/flutter ( 6261): 2024-02-08 12:21:30.136623 ℹ️ 🔌 HealthCheck received : 65bcc65f-0a05-276a-0000-000000798a2f 
I/flutter ( 6261): 2024-02-08 12:21:39.725896 ℹ️ 🔌 Needs to reconnect : false 
I/flutter ( 6261): 2024-02-08 12:21:49.705349 ℹ️ 🔌 Sending Event: health.check 
I/flutter ( 6261): 2024-02-08 12:21:49.723703 ℹ️ 🔌 Needs to reconnect : false 
I/flutter ( 6261): 2024-02-08 12:21:50.082568 ℹ️ 🔌 Event received: health.check 
I/flutter ( 6261): 2024-02-08 12:21:50.084724 ℹ️ 🔌 HealthCheck received : 65bcc65f-0a05-276a-0000-000000798a2f 
I/flutter ( 6261): 2024-02-08 12:21:59.728889 ℹ️ 🔌 Needs to reconnect : false 
I/flutter ( 6261): 2024-02-08 12:22:09.707018 ℹ️ 🔌 Sending Event: health.check 
I/flutter ( 6261): 2024-02-08 12:22:09.722941 ℹ️ 🔌 Needs to reconnect : false 
I/flutter ( 6261): 2024-02-08 12:22:10.087704 ℹ️ 🔌 Event received: health.check 
I/flutter ( 6261): 2024-02-08 12:22:10.089782 ℹ️ 🔌 HealthCheck received : 65bcc65f-0a05-276a-0000-000000798a2f 
I/flutter ( 6261): 2024-02-08 12:22:19.731959 ℹ️ 🔌 Needs to reconnect : false 
I/flutter ( 6261): 2024-02-08 12:22:29.698580 ℹ️ 🔌 Sending Event: health.check 
I/flutter ( 6261): 2024-02-08 12:22:29.723590 ℹ️ 🔌 Needs to reconnect : false 
I/flutter ( 6261): 2024-02-08 12:22:30.089224 ℹ️ 🔌 Event received: health.check 
I/flutter ( 6261): 2024-02-08 12:22:30.091403 ℹ️ 🔌 HealthCheck received : 65bcc65f-0a05-276a-0000-000000798a2f 
I/flutter ( 6261): 2024-02-08 12:22:39.729367 ℹ️ 🔌 Needs to reconnect : false 
I/flutter ( 6261): 2024-02-08 12:22:49.707038 ℹ️ 🔌 Sending Event: health.check 
I/flutter ( 6261): 2024-02-08 12:22:49.723217 ℹ️ 🔌 Needs to reconnect : false