diff --git a/lib/hooks/search-sidebars.js b/lib/hooks/search-sidebars.js
--- a/lib/hooks/search-sidebars.js
+++ b/lib/hooks/search-sidebars.js
@@ -21,6 +21,7 @@
   +searchState: SidebarSearchState,
   +setSearchState: SetState<SidebarSearchState>,
   +onChangeSearchInputText: (text: string) => mixed,
+  +clearQuery: (event: SyntheticEvent<HTMLAnchorElement>) => void,
 } {
   const [searchState, setSearchState] = React.useState({
     text: '',
@@ -67,14 +68,29 @@
     [searchIndex, setSearchState],
   );
 
+  const clearQuery = React.useCallback(
+    (event: SyntheticEvent<HTMLAnchorElement>) => {
+      event.preventDefault();
+      setSearchState({ text: '', results: new Set() });
+    },
+    [setSearchState],
+  );
+
   return React.useMemo(
     () => ({
       listData,
       searchState,
       setSearchState,
       onChangeSearchInputText,
+      clearQuery,
     }),
-    [listData, setSearchState, searchState, onChangeSearchInputText],
+    [
+      listData,
+      setSearchState,
+      searchState,
+      onChangeSearchInputText,
+      clearQuery,
+    ],
   );
 }
 
diff --git a/web/modals/chat/sidebar-list-modal.react.js b/web/modals/chat/sidebar-list-modal.react.js
--- a/web/modals/chat/sidebar-list-modal.react.js
+++ b/web/modals/chat/sidebar-list-modal.react.js
@@ -25,7 +25,7 @@
   const {
     listData,
     searchState,
-    setSearchState,
+    clearQuery,
     onChangeSearchInputText,
   } = useSearchSidebars(threadInfo);
   const { popModal } = useModalContext();
@@ -47,14 +47,6 @@
     [popModal, listData],
   );
 
-  const clearQuery = React.useCallback(
-    (event: SyntheticEvent<HTMLAnchorElement>) => {
-      event.preventDefault();
-      setSearchState({ text: '', results: new Set() });
-    },
-    [setSearchState],
-  );
-
   let clearQueryButton = null;
   if (searchState.text) {
     clearQueryButton = (