Create file called .babelrc in your root directory and add this code: { “presets”: [“next/babel”], “plugins”: [] } And in .eslintrc, replace the existing code with: { “extends”: [“next/babel”,”next/core-web-vitals”] }
Use router-hook. You can use the useRouter hook in any component in your application. https://nextjs.org/docs/api-reference/next/router#userouter pass Param import Link from “next/link”; <Link href={{ pathname: ‘/search’, query: { keyword: ‘this way’ } }}><a>path</a></Link> Or import Router from ‘next/router’ Router.push({ pathname: ‘/search’, query: { keyword: ‘this way’ }, }) In Component import { useRouter } from ‘next/router’ … Read more