# UIKit React Native: not all existing chats are listed

**URL:** <https://community.sendbird.com/t/uikit-react-native-not-all-existing-chats-are-listed/8718>\
**Category:** Miscellaneous\
**Created:** [December 8, 2023, 9:05pm UTC](https://community.sendbird.com/t/uikit-react-native-not-all-existing-chats-are-listed/8718 "2023-12-08T21:05:27Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![J\_Arau](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/j_arau/32/3426_2.png) [@J\_Arau](https://community.sendbird.com/u/J_Arau)\
**Post date:** [December 8, 2023, 9:05pm UTC](https://community.sendbird.com/t/uikit-react-native-not-all-existing-chats-are-listed/8718/1 "2023-12-08T21:05:27Z")

</div>

The legacy version of our chat (web based) is uses “sendbird-uikit”: “^2.3.0”,

We are implementing a new version (RN based) which uses “@sendbird/uikit-react-native”: “^3.3.0”.

On the web version, 5 existing group chats are listed in the group list window for user “John Doe” .

On the new version only 3 chats are listed.

However as soon as we send a message from user John Doe inside of one of those missing chats using the legacy version, then that missing chat shows up on the new version.

We are trying to understand if there is some criteria or missing configuration that would cause those 2 specific channels not to be listed.

---

<div class="post-metadata">

**Author:** ![Tyler](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/tyler/32/810_2.png) [@Tyler](https://community.sendbird.com/u/Tyler)\
**Post date:** [December 11, 2023, 6:38am UTC](https://community.sendbird.com/t/uikit-react-native-not-all-existing-chats-are-listed/8718/2 "2023-12-11T06:38:06Z")

</div>

Hello @J_Arau,

Can you provide more context around your implementation? Right now there is not much for us to go by as there could be a number of reasons this might occur.

Can you share any custom code or parameters you’re passing in anything unique about the channels that are not listed by default?

---

<div class="post-metadata">

**Author:** ![J\_Arau](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/j_arau/32/3426_2.png) [@J\_Arau](https://community.sendbird.com/u/J_Arau)\
**Post date:** [December 11, 2023, 2:03pm UTC](https://community.sendbird.com/t/uikit-react-native-not-all-existing-chats-are-listed/8718/3 "2023-12-11T14:03:57Z")

</div>

Hey Tyler, thank you for getting back to us.  
I am basically copying from the code from here: [GitHub - sendbird/sendbird-uikit-sample-react-native-expo: [Sample] React-Native UIKit for Expo](https://github.com/sendbird/sendbird-uikit-sample-react-native-expo/)  
More info bellow, let me know if you need any other information, thanks!

factory.ts (see [https://github.com/sendbird/sendbird-uikit-sample-react-native-expo/blob/77f8cbe9bc21f15c15796af75375078013db4a41/src/factory/index.ts](https://github.com/sendbird/sendbird-uikit-sample-react-native-expo/blob/77f8cbe9bc21f15c15796af75375078013db4a41/src/factory/index.ts))

App.tsx

```auto
function App() {
 [...]
  return (
    <AppContext.Provider value={{ state, ...methods, dispatch }}>
    <SendbirdUIKitContainer
      appId={process.env.EXPO_PUBLIC_SENDBIRD_APP_ID as string} 
      uikitOptions={{
        common: {
          enableUsingDefaultUserProfile: true,
        },
        groupChannel: {
          enableMention: true,
        },
        groupChannelList: {
          enableTypingIndicator: true,
          enableMessageReceiptStatus: true,
        },
        groupChannelSettings: {
          enableMessageSearch: true,
        },
      }}
      chatOptions={{
        localCacheStorage: AsyncStorage,
        onInitialized: SetSendbirdSDK,
        enableAutoPushTokenRegistration: true,
      }}
      platformServices={platformServices}
      styles={{
        defaultHeaderTitleAlign: "left", //'center',
        theme: LightUIKitTheme,
        statusBarTranslucent: GetTranslucent(),
      }}
      errorBoundary={{ ErrorInfoComponent: ErrorInfoScreen }}
      userProfile={{
        onCreateChannel: (channel: any ) => {
          const params = { channelUrl: channel.url };
          if (channel.isGroupChannel()) {
            messagingNavigationRef.navigate(MessagingRoutes.GroupChannel, params);
          }

        },
      }}
    >
      [...]
        </NavigationContainer>
      </RootSiblingParent>
      </SendbirdUIKitContainer>
    </AppContext.Provider>
       

```

GroupChannelListScreen.tsx

```auto
import { createGroupChannelListFragment } from '@sendbird/uikit-react-native';
import { useConnection } from '@sendbird/uikit-react-native';
import { User } from '@sendbird/chat';

const GroupChannelListFragment = createGroupChannelListFragment();
const GroupChannelListScreen = ({ navigation } : ScreenProps) => {

  const [user, setUser] = useState<User | null>(null);

  const { connect } = useConnection();

  useEffect(() => {
    connect('USER_ID', { accessToken: _token })
        .then((_user: User) => {
          console.log('User is connected to Sendbird server', _user);
          // do stuff wit user
        })
        .catch((_err) => {
          console.log('User is not connected to Sendbird server', _err);
        });
  }, [connect, setUser]);

  if(!user) return (
    <View style={{}}<Text>Connecting to send bird...</Text></View>
  )

  return (
    <GroupChannelListFragment
      onPressCreateChannel={() => {
        // ignore for now
      }}
      onPressChannel={(channel) => {
        navigation.navigate (MessagingRoutes.GroupChannel, { channelUrl: channel.url });
      }}
    />
  );
};

```

---

<div class="post-metadata">

**Author:** ![Tyler](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/tyler/32/810_2.png) [@Tyler](https://community.sendbird.com/u/Tyler)\
**Post date:** [December 12, 2023, 8:05am UTC](https://community.sendbird.com/t/uikit-react-native-not-all-existing-chats-are-listed/8718/4 "2023-12-12T08:05:18Z")

</div>

@J_Arau,

Could you use RN Tools to look at the channel list query that the React Native UIKit is making, and compare it to to the query your web app is making? It would help use really understand why you’re seeing this.

---

<div class="post-metadata">

**Author:** ![J\_Arau](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/j_arau/32/3426_2.png) [@J\_Arau](https://community.sendbird.com/u/J_Arau)\
**Post date:** [December 22, 2023, 6:45pm UTC](https://community.sendbird.com/t/uikit-react-native-not-all-existing-chats-are-listed/8718/5 "2023-12-22T18:45:55Z")

</div>

@Tyler that’s a great suggestion!

I haven’t been able to try just that yet but here’s some additional bits I found out about the RN implementation:

 ![image](https://us1.discourse-cdn.com/flex020/uploads/sendbird/original/2X/e/e3672ed60133560c40e8ed53477ad21c729808da.png)  
from the image above you can see that in the RN implementation 2 calls to the same send grid API endpoint (my\_group\_channels) are issued in rapid succession, the first one returns 6 channels listed and the second call returns 4 channels listed. Ultimately 4 channels are displayed on the UI. Any hints on why 2 calls are made ?

---

<div class="post-metadata">

**Author:** ![J\_Arau](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/j_arau/32/3426_2.png) [@J\_Arau](https://community.sendbird.com/u/J_Arau)\
**Post date:** [December 22, 2023, 6:46pm UTC](https://community.sendbird.com/t/uikit-react-native-not-all-existing-chats-are-listed/8718/6 "2023-12-22T18:46:50Z")

</div>

[continuing from the last message due to image upload limits]

Here’s the diff of the 2 calls mentioned in my previous message (both from the RN app).

 ![image](https://us1.discourse-cdn.com/flex020/uploads/sendbird/original/2X/d/d39c164b6153a0e8aa6af7e2edfae99b530c151a.png)