fix: return channel.updated to SDK and fix stale query check

Author: isekovanic

package/src/components/ChannelList/ChannelList.tsx

@@ -14,7 +14,7 @@ import { ChannelListMessenger, ChannelListMessengerProps } from './ChannelListMe
 // import { useChannelHidden } from './hooks/listeners/useChannelHidden';
 // import { useChannelMemberUpdated } from './hooks/listeners/useChannelMemberUpdated';
 // import { useChannelTruncated } from './hooks/listeners/useChannelTruncated';
-// import { useChannelUpdated } from './hooks/listeners/useChannelUpdated';
+import { useChannelUpdated } from './hooks/listeners/useChannelUpdated';
 // import { useChannelVisible } from './hooks/listeners/useChannelVisible';
 // import { useNewMessage } from './hooks/listeners/useNewMessage';
 // import { useNewMessageNotification } from './hooks/listeners/useNewMessageNotification';
@@ -298,7 +298,6 @@ export const ChannelList = <
           channelDeletedHandler: onChannelDeleted,
           channelHiddenHandler: onChannelHidden,
           channelTruncatedHandler: onChannelTruncated,
-          channelUpdatedHandler: onChannelUpdated,
           channelVisibleHandler: onChannelVisible,
           memberUpdatedHandler: onChannelMemberUpdated
             ? (setChannels, event) =>
@@ -376,10 +375,10 @@ export const ChannelList = <
   //   setForceUpdate,
   // });
   //
-  // useChannelUpdated({
-  //   onChannelUpdated,
-  //   setChannels,
-  // });
+  useChannelUpdated({
+    onChannelUpdated,
+    setChannels: channelManager.setChannels,
+  });
   //
   // useChannelVisible({
   //   onChannelVisible,

package/src/components/ChannelList/hooks/listeners/useChannelUpdated.ts

@@ -8,9 +8,9 @@ import type { DefaultStreamChatGenerics } from '../../../../types/types';
 
 type Parameters<StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics> =
   {
-    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>;
+    setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>;
     onChannelUpdated?: (
-      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[] | null>>,
+      setChannels: React.Dispatch<React.SetStateAction<Channel<StreamChatGenerics>[]>>,
       event: Event<StreamChatGenerics>,
     ) => void;
   };

package/src/components/ChannelList/hooks/usePaginatedChannels.ts

@@ -122,6 +122,9 @@ export const usePaginatedChannels = <
     };
 
     try {
+      if (isQueryStale() || !isMountedRef.current) {
+        return;
+      }
       /**
        * We skipInitialization here for handling race condition between ChannelList, Channel (and Thread)
        * when they all (may) update the channel state at the same time (when connection state recovers)
@@ -134,9 +137,6 @@ export const usePaginatedChannels = <
           skipInitialization: enableOfflineSupport ? undefined : activeChannels.current,
         });
       }
-      if (isQueryStale() || !isMountedRef.current) {
-        return;
-      }
 
       // const newChannels =
       //   queryType === 'loadChannels' && !staticChannelsActive && channels