[🐛] 🔥Unread Messages overlay doesn't respond to messages being read

[megantaylor]

Unread messages are not being considered read until I leave the channel.

Issue

Unread messages are not being considered read until I leave the channel. The unread messages overlay remains even after I have scrolled to unread messages and they are read.

Steps to reproduce

1. Go to a channel with many messages
2. Scroll up a bit. Mark a message as unread.
3. Go back to channel list. Notice unread count. Good.
4. Tap back into channel. Notice "Unread Messages" overlay.
5. Tap the overlay. Scroll to unread messages. Good

Expected: Now that I have scrolled to the unread messages, they are read and the overlay should go away.
Actual: Overlay remains.

Expected behavior

Unread messages overlay should go away once unread messages are read

Project Related Information

Customization

I don't think we've customized any UI components that would affect this.

Offline support

N/A

Environment

Click To Expand

package.json:

 "stream-chat": "8.59.0",
 "stream-chat-expo": "6.7.2",

react-native info output:

 System:
  OS: macOS 15.4
  CPU: (12) arm64 Apple M4 Pro
  Memory: 98.48 MB / 24.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 22.13.1
    path: /var/folders/ht/wy3txgjd6dj2g45g51l1x_ww0000gn/T/yarn--1744647666777-0.035513433400100824/node
  Yarn:
    version: 1.22.19
    path: /var/folders/ht/wy3txgjd6dj2g45g51l1x_ww0000gn/T/yarn--1744647666777-0.035513433400100824/yarn
  npm:
    version: 10.9.2
    path: ~/.asdf/plugins/nodejs/shims/npm
  Watchman:
    version: 2024.12.02.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods: Not Found
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.4
      - iOS 18.4
      - macOS 15.4
      - tvOS 18.4
      - visionOS 2.4
      - watchOS 11.4
  Android SDK: Not Found
IDEs:
  Android Studio: Not Found
  Xcode:
    version: 16.3/16E140
    path: /usr/bin/xcodebuild
Languages:
  Java: Not Found
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react:
    installed: 18.2.0
    wanted: 18.2.0
  react-native:
    installed: 0.74.2
    wanted: 0.74.2
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

• Platform that you're experiencing the issue on:
  • iOS
  • Android
  • iOS but have not tested behavior on Android
  • Android but have not tested behavior on iOS
  • Both
• stream-chat-react-native version you're using that has this issue:
  • 6.7.2
• Device/Emulator info:
  • I am using a physical device
  • OS version: e.g. Android 10
  • Device/Emulator: e.g. iPhone 11

Additional context

Screenshots