fix: channel state initial data

Author: khushal87

package/src/components/Channel/Channel.tsx

@@ -669,7 +669,7 @@ const ChannelWithContext = <
     initStateFromChannel,
     setTyping,
     state: channelState,
-  } = useChannelDataState<StreamChatGenerics>();
+  } = useChannelDataState<StreamChatGenerics>(channel);
 
   const {
     copyMessagesStateFromChannel,

package/src/components/Channel/hooks/useChannelDataState.ts

@@ -51,15 +51,17 @@ export type ChannelState<
  */
 export const useChannelMessageDataState = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
+>(
+  channel: Channel<StreamChatGenerics>,
+) => {
   const [state, setState] = useState<ChannelMessagesState<StreamChatGenerics>>({
     hasMore: true,
     hasMoreNewer: false,
-    loading: true,
+    loading: false,
     loadingMore: false,
     loadingMoreRecent: false,
-    messages: [],
-    pinnedMessages: [],
+    messages: channel?.state.messages || [],
+    pinnedMessages: channel?.state.pinnedMessages || [],
     targetedMessageId: undefined,
   });
 
@@ -73,15 +75,15 @@ export const useChannelMessageDataState = <
 
   const loadInitialMessagesStateFromChannel = useCallback(
     (channel: Channel<StreamChatGenerics>, hasMore: boolean) => {
-      setState({
-        ...state,
+      setState((prev) => ({
+        ...prev,
         hasMore,
         loading: false,
         messages: [...channel.state.messages],
         pinnedMessages: [...channel.state.pinnedMessages],
-      });
+      }));
     },
-    [state],
+    [],
   );
 
   const jumpToLatestMessage = useCallback(() => {
@@ -166,10 +168,12 @@ export const useChannelMessageDataState = <
  */
 export const useChannelDataState = <
   StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,
->() => {
+>(
+  channel: Channel<StreamChatGenerics>,
+) => {
   const [state, setState] = useState<ChannelState<StreamChatGenerics>>({
-    members: {},
-    read: {},
+    members: channel.state.members,
+    read: channel.state.read,
     typing: {},
     watcherCount: 0,
     watchers: {},

package/src/components/Channel/hooks/useMessageListPagination.tsx

@@ -38,7 +38,7 @@ export const useMessageListPagination = <
     setLoadingMore,
     setLoadingMoreRecent,
     state,
-  } = useChannelMessageDataState<StreamChatGenerics>();
+  } = useChannelMessageDataState<StreamChatGenerics>(channel);
 
   // hard limit to prevent you from scrolling faster than 1 page per 2 seconds
   const loadMoreFinished = useRef(