fix: prevent rendering placeholder for empty message list if messages are actually loaded

Author: MartinCupela

src/components/Channel/Channel.tsx

@@ -392,6 +392,7 @@ const ChannelInner = <
       ...initialState,
       hasMore: channel.state.messagePagination.hasPrev,
       loading: !channel.initialized,
+      messages: channel.state.messages,
     },
   );
   const jumpToMessageFromSearch = useSearchFocusedMessage();

src/components/MessageList/VirtualizedMessageListComponents.tsx

@@ -101,6 +101,14 @@ export const EmptyPlaceholder = <
 }: CommonVirtuosoComponentProps<StreamChatGenerics>) => {
   const { EmptyStateIndicator = DefaultEmptyStateIndicator } =
     useComponentContext<StreamChatGenerics>('VirtualizedMessageList');
+
+  // prevent showing that there are no messages if there actually are messages (for some reason virtuoso decides to render empty placeholder first, even though it has the totalCount prop > 0)
+  if (
+    typeof context?.processedMessages !== 'undefined' &&
+    context.processedMessages.length > 0
+  )
+    return null;
+
   return (
     <>
       {EmptyStateIndicator && (