navigation to other page in a function using next.js

import { useRouter } from 'next/router'
function App() {
  const router = useRouter()
  const clickEvent= (event) => {
    event.preventDefault()
    router.push('/path-url')
  }


  return (
    <button type="button" onClick={clickEvent}>
      Click Me
    </button>
  )
}