release 3.17.0

Author: danney-chun

CHANGELOG.md

@@ -1,5 +1,31 @@
 # Changelog - v3
 
+## [v3.17.0] (July 31 2025)
+### Features
+- Added `mark as unread` functionality for messages in Group Channel
+  - Added `enableMarkAsUnread` global option
+    - How to use?
+    ```tsx
+    <App
+      appId={appId}
+      userId={userId}
+      uikitOptions={{
+        groupChannel: {
+          // Below turns on the mark as unread feature. Default value is false.
+          enableMarkAsUnread: true,
+        }
+      }}
+    />
+    ```
+
+### Fixes
+- Fixed a bug Where Multiple Chat Windows cause unexpected behavior
+
+### Chore
+- Updated `@sendbird/chat` version to `^4.19.6`
+- Updated `@sendbird/uikit-tools` dependency version to `^0.0.10`
+- Updated `@sendbird/react-uikit-message-template-view` dependency version to `^0.0.10`
+
 ## [v3.16.12] (July 22 2025)
 ### Fixes:
 - Fixed a bug that caused a runtime exception when leaving or deleting a channel

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react",
-  "version": "3.16.12",
+  "version": "3.17.0",
   "description": "Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.",
   "keywords": [
     "sendbird",
@@ -70,7 +70,7 @@
     "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@sendbird/chat": "^4.19.2",
+    "@sendbird/chat": "^4.19.6",
     "@sendbird/react-uikit-message-template-view": "^0.0.10",
     "@sendbird/uikit-tools": "^0.0.10",
     "css-vars-ponyfill": "^2.3.2",

src/modules/GroupChannel/components/MessageList/index.tsx

@@ -110,14 +110,11 @@ export const MessageList = (props: GroupChannelMessageListProps) => {
 
   // Find the first unread message
   const firstUnreadMessage = useMemo(() => {
-    if (!enableMarkAsUnread || !isInitializedRef.current || messages.length === 0) {
+    if (!enableMarkAsUnread || !isInitializedRef.current || messages.length === 0 || readState === 'read') {
       return undefined;
     }
 
-    if (readState === 'read') {
-      separatorMessageRef.current = undefined;
-      isUnreadMessageExistInChannel.current = false;
-    } else if (readState === 'unread') {
+    if (readState === 'unread') {
       separatorMessageRef.current = undefined;
       isUnreadMessageExistInChannel.current = true;
     }
@@ -224,6 +221,7 @@ export const MessageList = (props: GroupChannelMessageListProps) => {
               if (newMessages.length > 0) {
                 resetNewMessages();
               }
+              isUnreadMessageExistInChannel.current = false;
               markAsReadAll(currentChannel);
             }}
           />