Question: When I'm trying to build the Next.Js app then the below error is coming with a successful build. This error is showing when I deploy the app in Vercel.

```
error - ESLint: Failed to load config "next/babel" to extend from. Referenced from: /vercel/path0/.eslintrc.json

```

This is my **.eslintrc.json**

```
{
  "extends": ["next/babel","next/core-web-vitals"]
}

```

I've also added **.babelrc**

```
{
  "presets": ["next/babel"],
  "plugins": []
}

```

I also found a solution when I change the **eslintrc.json** file like below:

```
{
  "extends": ["next","next/core-web-vitals"]
}

```

then no error is showing while building the app. But there is another problem showing when I use the above solution and the problem is:

```
Parsing error: Cannot find module 'next/babel'

```

This is shown in all the imports with red marks.

I tried to search the solution but did not found any solution for this.

Answer: 
my problem has been solved by this code. just copy and paste it into the eslintrc.json file.

```
{
  "extends": ["next/babel","next/core-web-vitals"]
}

```
Or just replace `"next"` and `"next/core-web-vitals"` to
`"plugin:@next/next/recommended"`

<https://nextjs.org/docs/basic-features/eslint>