React native ui kit flickers

Sendbird Chat UIKit React Native
,
1

[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:

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