# Group Chat messages list show infinite spinner

**URL:** https://community.sendbird.com/t/group-chat-messages-list-show-infinite-spinner/6156
**Category:** React Native
**Created:** [December 14, 2022, 2:08pm UTC](https://community.sendbird.com/t/group-chat-messages-list-show-infinite-spinner/6156 "2022-12-14T14:08:22Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Dror\_Elgabsi](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/dror_elgabsi/32/842_2.png) [@Dror\_Elgabsi](https://community.sendbird.com/u/Dror_Elgabsi)
#### Post date: [December 14, 2022, 2:08pm UTC](https://community.sendbird.com/t/group-chat-messages-list-show-infinite-spinner/6156/1 "2022-12-14T14:08:22Z")

</div>

Hi,  
trying to use Chat UIkit for react native and it keeps showing a spinner in the message screen (see image)

 ![image](https://us1.discourse-cdn.com/flex020/uploads/sendbird/original/2X/c/caa6f0bf6bb75817332306fc118bc15d1cc257f0.jpeg)

```
"@sendbird/uikit-react-native": "^2.1.0",
"@sendbird/chat": "^4.2.0",

```

here is my code:

```auto
const Chat = () => {
  const { sdk } = useSendbirdChat();
  const { channel, loading } = useGroupChannel(sdk, mid);
  if (!channel || loading) return null;
  return (
    <SendbirdUIKitContainer
      appId={ENV.NX_REACT_APP_CHAT_APP_ID}
      platformServices={{
        file: FileService,
        notification: NotificationService,
        clipboard: ClipboardService,
        media: MediaService,
      }}>
      <GroupChannelFragment
        channel={channel}
        onChannelDeleted={() => {}}
        onPressHeaderLeft={SafeNavigation.goBack}
        onPressHeaderRight={SafeNavigation.goBack}
      />
    </SendbirdUIKitContainer>
  );
};

const Auth = () => {
  const { connect } = useConnection();
  const [user, setUser] = useState<any>();
  const initSendBird = async () => {
    try {
      const _user = await connect(uid, {
        accessToken,
      });
      setUser(_user);
    } catch (error) {
      console.log({ error });
    }
  };
  useEffect(() => {
    initSendBird();
  }, []);
  if (!user) {
    return null;
  }
  return <Chat />;
};

export const ChatScreen = () => {
  return (
    <SendbirdUIKitContainer
      appId={appId}
      chatOptions={{
        localCacheStorage: AsyncStorage,
        enableAutoPushTokenRegistration: true,
        enableChannelListTypingIndicator: true,
        enableChannelListMessageReceiptStatus: true,
      }}
      platformServices={{
        file: FileService,
        notification: NotificationService,
        clipboard: ClipboardService,
        media: MediaService,
      }}>
      <Auth />
    </SendbirdUIKitContainer>
  );
};

```

any suggestions?

---

<div class="post-metadata">

### Author: ![Dror\_Elgabsi](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/dror_elgabsi/32/842_2.png) [@Dror\_Elgabsi](https://community.sendbird.com/u/Dror_Elgabsi)
#### Post date: [December 22, 2022, 9:51am UTC](https://community.sendbird.com/t/group-chat-messages-list-show-infinite-spinner/6156/2 "2022-12-22T09:51:13Z")

</div>

FYI we use:  
`"react-native": "0.70.1",`