Next Js Babel error

in .eslintrc replace the existing code with

{
  "extends": ["next/babel"]
}

Create file called .babelrc in your root directory and add this code
{
  "presets": ["next/babel"],
  "plugins": []
}