diff --git a/components/SearchModal/index.tsx b/components/SearchModal/index.tsx index 1ec39cb2..a1af2bfa 100644 --- a/components/SearchModal/index.tsx +++ b/components/SearchModal/index.tsx @@ -43,15 +43,17 @@ const SearchModal = (props: Props) => { searchInput.current.focus() }, [searchInput]) + useEffect(() => { + if (query.length > 2) + fetchResults() + }, [query]) + function inputChanged(event: React.ChangeEvent) { const text = event.target.value if (text.length) { setQuery(text) setLoading(true) setMessage('') - - if (text.length > 2) - fetchResults() } else { setQuery('') setResults({})