release: v3.16.3 (#1325)

Author: git-babel

CHANGELOG.md

@@ -1,5 +1,10 @@
 # Changelog - v3
 
+## [v3.16.3] (Apr 3 2025)
+### Fixes:
+- Fixed an issue where the connection is still alive after `SendbirdProvider` have been unmounted.
+- Fixed an undefined error of `emojiCategory`.
+
 ## [v3.16.2] (Mar 28 2025)
 ### Features:
 - Added `tel` and `mailto` protocol support for the markup link

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sendbird/uikit-react",
-  "version": "3.16.2",
+  "version": "3.16.3",
   "description": "Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.",
   "keywords": [
     "sendbird",

src/modules/GroupChannel/context/__tests__/useMessageListScroll.spec.tsx

@@ -146,15 +146,17 @@ describe('useMessageListScroll', () => {
   });
 
   describe('scroll', () => {
-    it('should do nothing if scrollRef is null', async () => {
+    it('should call resolve() even if scrollRef is null', async () => {
       const { result } = renderHook(() => useMessageListScroll('auto'));
       const resolveMock = jest.fn();
 
       await act(async () => {
         result.current.scrollPubSub.publish('scroll', { resolve: resolveMock });
       });
 
-      expect(resolveMock).not.toHaveBeenCalled();
+      await waitFor(() => {
+        expect(resolveMock).toHaveBeenCalled();
+      });
     });
 
     it('should use scrollTop if scroll method is not defined', async () => {

src/modules/GroupChannel/context/hooks/useMessageListScroll.tsx

@@ -72,20 +72,23 @@ export function useMessageListScroll(behavior: 'smooth' | 'auto', deps: Dependen
     unsubscribes.push(
       scrollPubSub.subscribe('scroll', ({ top, animated, lazy, resolve }) => {
         runCallback(() => {
-          if (!scrollRef.current) return;
+          if (!scrollRef.current || typeof top !== 'number') {
+            resolve?.();
+            return;
+          }
           const { scrollTop, scrollHeight, clientHeight } = scrollRef.current;
 
           if (scrollRef.current.scroll) {
             scrollRef.current.scroll({ top, behavior: getScrollBehavior(behavior, animated) });
-          } else if (typeof top === 'number') {
+          } else {
             scrollRef.current.scrollTop = top;
           }
 
           // Update data by manual update
           scrollDistanceFromBottomRef.current = Math.max(0, scrollHeight - scrollTop - clientHeight);
           setIsScrollBottomReached(scrollDistanceFromBottomRef.current === 0);
 
-          if (resolve) resolve();
+          resolve?.();
         }, lazy);
       }),
     );