fix: listen to correct channel read events

GetStream · Nov 19, 2024 · 5a58a65 · 5a58a65
1 parent fc9b908
commit 5a58a65
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/package/src/components/ChannelPreview/hooks/useChannelPreviewData.ts b/package/src/components/ChannelPreview/hooks/useChannelPreviewData.ts
@@ -30,6 +30,13 @@ export const useChannelPreviewData = <
   const channelLastMessage = channel.lastMessage();
   const channelLastMessageString = `${channelLastMessage?.id}${channelLastMessage?.updated_at}`;
 
+  useEffect(() => {
+    const { unsubscribe } = client.on('notification.mark_read', () => {
+      setUnread(channel.countUnread());
+    });
+    return unsubscribe;
+  }, [channel, client]);
+
   useEffect(() => {
     if (
       channelLastMessage &&
@@ -56,7 +63,7 @@ export const useChannelPreviewData = <
         setForceUpdate((prev) => prev + 1);
       }
     };
-    const { unsubscribe } = client.on('notification.mark_read', handleReadEvent);
+    const { unsubscribe } = client.on('message.read', handleReadEvent);
     return unsubscribe;
   }, [client, channel]);