下記のようなエラーが発生。

Parsing error: “parserOptions.project” has been set for @typescript-eslint/parser.
The file does not match your project config: pages/posts/new.tsx.
The file must be included in at least one of the projects provided.eslint

翻訳するとこんな感じ。

構文解析エラーです。”parserOptions.project” が @typescript-eslint/parser に設定されています。
ファイルがプロジェクトの設定と一致しません：pages/posts/new.tsx.
このファイルは、提供されたプロジェクトの少なくとも1つに含まれている必要があります。

エラー分だけ見ても意味不明。

とりあえずスタックオーバーフローを見てみる。

Stack Overflow

 

10 Pockets

"parserOptions.project" has been set for @typescript-eslint/parser

https://stackoverflow.com/questions/58510287/parseroptions-project-has-been-set-for-typescript-eslint-parser

I created a new React Native project with --template typescriptI deleted the template directory which came as part of the boilerplate.I then proceeded to add ESLint:module.exports = { parser: ...

要は、pages/posts/new.tsx.が読み込めないから、ESLintを実行できない。みたいなことだと思う。

なので、下記のように書くことで、ESLintを読み込めるようにする。構文チェックは、ts configを使うと。

{
  // ...
  overrides: [
    {
      files: ['*.ts', '*.tsx'], // Your TypeScript files extension
      parserOptions: {
        project: ['./tsconfig.json'], // Specify it only for TypeScript files
      },
    }
  ],
  parser: '@typescript-eslint/parser',
  // ...
} 

これで治った。ちゃんと構文エラーを読むようになった。