Search on focus

app/soapbox/components/autosuggest-account-input.tsx

@@ -71,6 +71,12 @@ const AutosuggestAccountInput: React.FC<IAutosuggestAccountInput> = ({
     }
   };
 
+  useEffect(() => {
+    if (rest.autoFocus) {
+      handleAccountSearch('');
+    }
+  }, []);
+
   useEffect(() => {
     if (value === '') {
       clearResults();

app/soapbox/features/chats/components/chat-search/chat-search.tsx

@@ -31,7 +31,7 @@ const ChatSearch = () => {
   const { isOpen, changeScreen, toggleChatPane } = useChatContext();
   const { getOrCreateChatByAccountId } = useChats();
 
-  const [value, setValue] = useState<string>();
+  const [value, setValue] = useState<string>('');
   const debouncedValue = debounce(value as string, 300);
 
   const { data: accounts, isFetching } = useAccountSearch(debouncedValue);