page router 버전에서 경로 이동하기

import useRouter from "/next/navigation" // 경로 유의

export default functvion SearchBar() {
	const router = useRouter();
	const [search, setSearch] = useState("");
	
	const onChangeSearch = (e: React.ChangeEvent<HTMLInputElement>) => {
		setSearch(e.target.value)
	};
	
	const onSubmit = () => {
		router.push(`/search?q=${search}`); // 경로 이동
	}
	
	return (
		<>
			<input value={search} onChange={onChangeSearch} />
			<button onClick={onSubmit}>검색</button>
		</>
	)
}