diff --git a/src/components/SearchInput/SearchInput.tsx b/src/components/SearchInput/SearchInput.tsx index e652cef..abcae44 100644 --- a/src/components/SearchInput/SearchInput.tsx +++ b/src/components/SearchInput/SearchInput.tsx @@ -11,7 +11,7 @@ type SearchInputProps = {}; const SearchInput: React.FC = () => { const [value, setValue] = useState(""); const [query, setQuery] = useRecoilState(searchQueryAtom); - void(query); + void query; const [isReady] = useDebounce(() => setQuery(value), 250, [value]); @@ -33,6 +33,9 @@ const SearchInput: React.FC = () => { value={value} placeholder="Search" onChange={({ currentTarget }) => setValue(currentTarget.value)} + onKeyPress={({ currentTarget, key }) => + key === "Enter" && currentTarget.blur() + } /> {value ? ( isReady() ? (