Next.js useRouter

UseRouterExample.next.js

// 🤫The following code is experimental and might break in the future! 
// Don't use it if you are using some kind of side-effect patterns like: Helmet, GraphQL or react-side-effect. 

import { useRouter } from 'next/router'

function Home() {
  const {
    // `String` of the actual path (including the query) shows in the browser
    asPath,
    // `String` Current route
    route
    // `Function` navigate back
    back,
    // `Function` prefetch a specific page
    prefetch,
    // `Function` navigate to a specific page (adds entry to history)
    push,
    // `Function` navigate to a specific page
    replace,
    // `Object` current query
    query,
    // `Function` Reload current page
    reload
  } = useRouter()

  return <div>...</div>;
}

export default Home;

Thank you!