Use messageSearchQuery.keyword in MessageSearch

sendbird · Jan 14, 2025 · 20b8d89 · 20b8d89
1 parent ca1c274
commit 20b8d89
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/src/modules/MessageSearch/context/MessageSearchProvider.tsx b/src/modules/MessageSearch/context/MessageSearchProvider.tsx
@@ -2,6 +2,7 @@ import React, {
   useRef,
   useState,
   useReducer,
+  useMemo,
 } from 'react';
 import { SendbirdError } from '@sendbird/chat';
 import type { MessageSearchQuery } from '@sendbird/chat/message';
@@ -104,7 +105,10 @@ const MessageSearchProvider: React.FC<MessageSearchProviderProps> = (props: Mess
     { sdk, logger, messageSearchDispatcher },
   );
 
-  const requestString = useSearchStringEffect({ searchString: searchString ?? '' }, { messageSearchDispatcher });
+  const _searchString = useMemo(() => {
+    return searchString ?? messageSearchQuery?.keyword ?? '';
+  }, [searchString, messageSearchQuery?.keyword]);
+  const requestString = useSearchStringEffect({ searchString: _searchString }, { messageSearchDispatcher });
 
   useGetSearchMessages(
     { currentChannel, channelUrl, requestString, messageSearchQuery, onResultLoaded, retryCount },
@@ -122,7 +126,7 @@ const MessageSearchProvider: React.FC<MessageSearchProviderProps> = (props: Mess
   return (
     <MessageSearchContext.Provider value={{
       channelUrl,
-      searchString,
+      searchString: _searchString,
       requestString,
       messageSearchQuery,
       onResultLoaded,