import { FC, useEffect, useMemo } from 'react' import cn from 'classnames' import s from './Searchbar.module.css' import { useRouter } from 'next/router' interface Props { className?: string id?: string } const Searchbar: FC = ({ className, id = 'search' }) => { const router = useRouter() useEffect(() => { router.prefetch('/search') }, []) return useMemo( () => (
{ e.preventDefault() if (e.key === 'Enter') { const q = e.currentTarget.value router.push( { pathname: `/search`, query: q ? { q } : {}, }, undefined, { shallow: true } ) } }} />
), [] ) } export default Searchbar