# React native ui kit flickers

**URL:** <https://community.sendbird.com/t/react-native-ui-kit-flickers/8904>\
**Category:** React Native\
**Tags:** group-channel, react-native\
**Created:** [January 15, 2024, 4:59pm UTC](https://community.sendbird.com/t/react-native-ui-kit-flickers/8904 "2024-01-15T16:59:31Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![Sumit\_Dey](https://sea2.discourse-cdn.com/flex020/user_avatar/community.sendbird.com/sumit_dey/32/4819_2.png) [@Sumit\_Dey](https://community.sendbird.com/u/Sumit_Dey)\
**Post date:** [January 15, 2024, 4:59pm UTC](https://community.sendbird.com/t/react-native-ui-kit-flickers/8904/1 "2024-01-15T16:59:31Z")

</div>

**[Problem/Question]**

Group Message List flickers b/w states.  
First it shows loader (isLoading is true) , then is shows the StatusEmpty component (no messages) and then it renders the MessageList.  
In short, StatusEmpty component should not be rendered.

Code for reference:

```auto
const ChatChannelScreen = ({ navigation, route }: ScreenProps) => {
  const { sdk } = useSendbirdChat();

  const { channel, loading } = useGroupChannel(sdk, route.params.channelUrl);
  console.log({ channel, loading });

  if (loading) return null; 

  console.log({ messageLength: channel.lastMessage, loading });

  return (
    <GroupChannelFragment
      channel={channel}
    
      onChannelDeleted={() => null} // NOT NEEDED, if removed will throw ts error
      onPressHeaderLeft={() => {
        navigation.goBack();
      }}
      onPressHeaderRight={() => null} // NOT NEEDED, handled in the header itself
   
    />

```

Please Note: _We are a paid member of Sendbird_

* * *

**[UIKit Version]**  
“@sendbird/chat”: “^4.10.6”,  
“@sendbird/uikit-react-native”: “^3.3.0”,

**[Reproduction Steps]**  
This issue is occurring in the official sendbird-expo boilerplate as well.

**[Frequency]**  
Everytime when the data is not loaded from cache

**[Current impact]**  
High

---

<div class="post-metadata">

**Author:** ![paul12p](https://avatars.discourse-cdn.com/v4/letter/p/49beb7/32.png) [@paul12p](https://community.sendbird.com/u/paul12p)\
**Post date:** [May 27, 2024, 10:15pm UTC](https://community.sendbird.com/t/react-native-ui-kit-flickers/8904/2 "2024-05-27T22:15:39Z")

</div>

I have the same error.