GroupChannelListFragment not showing Supergroups in React Native UIKit

My supergroups not showing up in GroupChannelListFragment

I am going through this tutorial: Send your first message | Chat React Native SDK | Sendbird Docs

It works fine. But I’m trying to modify it to show supergroup channels. My code looks like this:

import {useNavigation} from "@react-navigation/native";
import {createGroupChannelListFragment, useSendbirdChat} from "@sendbird/uikit-react-native";
import {SuperChannelFilter} from "@sendbird/chat/groupChannel";
import {useEffect} from "react";

const GroupChannelListFragment = createGroupChannelListFragment();

export default function GroupChannelListScreen() {
    const { sdk } = useSendbirdChat();

    useEffect(() => {
        console.log('load it');
        sdk.groupChannel.createMyGroupChannelListQuery({includeEmpty: true, superChannelFilter: SuperChannelFilter.SUPER}).next().then((channels) => {
            console.log(channels);
        });
    }, [])

    const navigation = useNavigation<any>();
    return (
        <GroupChannelListFragment
            channelListQueryParams={{ includeEmpty: true, superChannelFilter: SuperChannelFilter.SUPER }}
            onPressCreateChannel={(channelType) => {
                // Navigate to GroupChannelCreate function.
                navigation.navigate('GroupChannelCreate', { channelType });
            }}
            onPressChannel={(channel) => {
                // Navigate to GroupChannel function.
                navigation.navigate('GroupChannel', { channelUrl: channel.url });
            }}
        />
    );
};

Notice that the hook and the UiKit element have the same params. However, my UI render the “No Channels” screen. On the other hand, the console prints our a single super group channel from the hook. I have checked, and this is the correct supergroup that my current user belongs to. However, nothing shows up in the UI kit version.


// If problem, please fill out the below. If question, please delete.
[UIKit Version]
@sendbird/chat”: “^4.13.3”,
@sendbird/uikit-react-native”: “^3.6.0”,

[Reproduction Steps]
See above.

[Frequency]
100% of the time.

[Current impact]
Urgent. I cannot continue.

Suddenly it has just started working. Not sure what happened.

Now it has randomly started happening again.

It looks like I get “kicked” from Supergroups every hour or so. It still shows up correctly in the SDK request, but the UIKit does not render the group.

I able able to fix this by re-inviting the account to the supergroup in the admin dashboard. Even though the dashboard visually confirms that the users is still in the supergroup.

Now it fails more consistently. I open the list on my device and nothing is displayed. Then, I re-invite the account in the dashboard and the supergroup immediately shows up. But then after I reload my app, it no longer shows up.

One thing I am noticing is that the _iid field for the current user is changing on every reload. Is that expected?