Eslint errors from .next directory

[jcubic]

Summary

I've just created a new project, that I'm tweaking. After run npm run build, the command npm run lint shows:

✖ 5471 problems (145 errors, 5326 warnings)

Because it validates .next directory. This is the config file:

import { dirname } from 'path';
import { fileURLToPath } from 'url';
import { FlatCompat } from '@eslint/eslintrc';

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);

const compat = new FlatCompat({
  baseDirectory: __dirname
});

const eslintConfig = [
  ...compat.extends('next/core-web-vitals', 'next/typescript'),
  {
    rules: {
      '@typescript-eslint/no-empty-object-type': 'off'
    },
    ignores: ['node_modules/**', '.next/**', 'out/**', 'build/**', 'next-env.d.ts']
  }
];

export default eslintConfig;

It's default file, I only added rules to disable one rule that give error from CharkaUI setup.

Additional information

Check my project. Run:

git clone https://github.com/jcubic/10xDevs.git
cd 10xDevs
npm install
npm run build
npm run lint

Example

https://github.com/jcubic/10xDevs

[icyJoseph]

Looks like an issue within the documentation of ignores in ESLint:

• https://stackoverflow.com/a/79365830

Moving ignores to its own entry in the config does the trick:

const eslintConfig = [
  ...compat.extends('next/core-web-vitals', 'next/typescript'),
  {
    rules: {
      '@typescript-eslint/no-empty-object-type': 'off'
    }
  },
  {
    ignores: ['node_modules/**', '.next/**', 'out/**', 'build/**', 'next-env.d.ts']
  }
];

[jcubic]

Oh, awesome. Didn't expect that this would be so simple.

[PALLAVIKHEDLE]

I would like to add to @icyJoseph comment -

1. Keep ignores separate and global
   Put all your node_modules, .next, out, build, and generated .d.ts files in a dedicated ignores block at the top of your flat config
2. Also add a lint script in your package.json that explicitly targets the src (or app/pages) folder instead of running on the whole project root:
   { "scripts": { "lint": "eslint src" } }