[CLNP-5907] fix: update group channel list state properly (#1261)

Fixes https://sendbird.atlassian.net/browse/CLNP-5907
https://sendbird.slack.com/archives/C05AN1T4Z5Z/p1732853520502099

Author: AhyoungRyu

src/modules/GroupChannelList/components/GroupChannelListItem/index.tsx

@@ -23,8 +23,8 @@ export const GroupChannelListItem = ({
   const { stringSet } = useLocalization();
   const {
     state: {
-      isTypingIndicatorEnabled = false,
-      isMessageReceiptStatusEnabled = false,
+      isTypingIndicatorEnabled,
+      isMessageReceiptStatusEnabled,
     },
   } = useGroupChannelList();
 

src/modules/GroupChannelList/context/GroupChannelListProvider.tsx

@@ -108,7 +108,8 @@ export const GroupChannelListManager: React.FC<GroupChannelListProviderProps> =
 }: GroupChannelListProviderProps) => {
   const { state: sendbirdState } = useSendbird();
   const { config, stores } = sendbirdState;
-  const { state, updateState } = useGroupChannelListStore();
+  const { state } = useGroupChannelList();
+  const { updateState } = useGroupChannelListStore();
   const { sdkStore } = stores;
 
   const sdk = sdkStore.sdk;

src/modules/GroupChannelList/context/__tests__/GroupChannelListProvider.spec.tsx

@@ -1,8 +1,6 @@
 import React from 'react';
-import {
-  GroupChannelListProvider,
-  useGroupChannelListContext,
-} from '../GroupChannelListProvider';
+import { GroupChannelListProvider, useGroupChannelListStore } from '../GroupChannelListProvider';
+import { useGroupChannelList } from '../useGroupChannelList';
 import { act, renderHook, waitFor } from '@testing-library/react';
 
 const mockState = {
@@ -16,7 +14,11 @@ const mockState = {
       initialized: true,
     },
   },
-  config: { logger: console },
+  config: {
+    logger: console,
+    groupChannelList: {
+    },
+  },
 };
 jest.mock('../../../../lib/Sendbird/context/hooks/useSendbird', () => ({
   __esModule: true,
@@ -64,9 +66,9 @@ describe('GroupChannelListProvider', () => {
       </GroupChannelListProvider>
     );
 
-    const { result } = renderHook(() => useGroupChannelListContext(), { wrapper });
+    const { result } = renderHook(() => useGroupChannelList(), { wrapper });
 
-    expect(result.current.getState()).toMatchObject(initialState);
+    expect(result.current.state).toMatchObject(initialState);
   });
 
   it('update state correctly', async () => {
@@ -79,14 +81,14 @@ describe('GroupChannelListProvider', () => {
 
     channelListQueryParams.prev = 42;
 
-    const { result } = renderHook(() => useGroupChannelListContext(), { wrapper });
-    expect(result.current.getState().className).toEqual('old-classname');
+    const { result } = renderHook(() => useGroupChannelListStore(), { wrapper });
+    expect(result.current.state.className).toEqual('old-classname');
 
     await act(async () => {
-      result.current.setState({ className: 'new-classname' });
-      result.current.setState({ disableAutoSelect: true });
+      result.current.updateState({ className: 'new-classname' });
+      result.current.updateState({ disableAutoSelect: true });
       await waitFor(() => {
-        const newState = result.current.getState();
+        const newState = result.current.state;
         expect(newState.className).toEqual('new-classname');
         expect(newState.disableAutoSelect).toEqual(true);
       });

src/modules/GroupChannelList/context/useGroupChannelList.ts

@@ -1,9 +1,9 @@
-import { GroupChannelListState, useGroupChannelListContext } from './GroupChannelListProvider';
 import { useSyncExternalStore } from 'use-sync-external-store/shim';
-import { useMemo } from 'react';
+import { useMemo, useContext } from 'react';
+import { GroupChannelListState, GroupChannelListContext } from './GroupChannelListProvider';
 
 export const useGroupChannelList = () => {
-  const store = useGroupChannelListContext();
+  const store = useContext(GroupChannelListContext);
   if (!store) throw new Error('useGroupChannelList must be used within a GroupChannelListProvider');
 
   const state: GroupChannelListState = useSyncExternalStore(store.subscribe, store.getState);
@@ -12,3 +12,5 @@ export const useGroupChannelList = () => {
 
   return { state, actions };
 };
+
+export default useGroupChannelList;