fix: prevent increasing unread count by useMarkRead hook if read-events are disabled (#2925)

(cherry picked from commit d0e7b5f)

Author: MartinCupela

src/components/MessageList/hooks/__tests__/useMarkRead.test.js

@@ -59,6 +59,7 @@ const readLastMessageChannelData = () => {
     generateMessage({ created_at: new Date(2) }),
   ];
   return {
+    channel: { config: { read_events: true } },
     messages,
     read: [
       {
@@ -390,6 +391,35 @@ describe('useMarkRead', () => {
       expect(markRead).not.toHaveBeenCalled();
     });
 
+    it('should not increase unread count if the read events are disabled', async () => {
+      const channelData = {
+        ...readLastMessageChannelData(),
+        channel: { config: { read_events: false } },
+      };
+      const {
+        channels: [channel],
+        client,
+      } = await initClientWithChannels({
+        channelsData: [channelData],
+        customUser: channelData.read[0].user,
+      });
+
+      await render({
+        channel,
+        client,
+        params: {
+          ...shouldMarkReadParams,
+          isMessageListScrolledToBottom: false,
+        },
+      });
+
+      await act(() => {
+        dispatchMessageNewEvent(client, generateMessage(), channel);
+      });
+      expect(setChannelUnreadUiState).toHaveBeenCalledTimes(0);
+      expect(markRead).not.toHaveBeenCalled();
+    });
+
     it('should not mark channel read from thread message list', async () => {
       const channelData = readLastMessageChannelData();
       const {

src/components/MessageList/hooks/useMarkRead.ts

@@ -37,6 +37,7 @@ export const useMarkRead = ({
   const { channel } = useChannelStateContext('useMarkRead');
 
   useEffect(() => {
+    if (!channel.getConfig()?.read_events) return;
     const shouldMarkRead = () =>
       !document.hidden &&
       !wasMarkedUnread &&