eslintコマンドを実行した際に発生する "path" argument must be of type string.エラーの対処についてメモしました。

経緯

reactとmobx-state-treeを利用しているプロジェクトがあり
そのプロジェクトのパッケージを最新にアップデートしリントチェックしたところ発生しました。

環境

• Yarn 1.22.4
• Node.js 14.15.3
• eslint 7.29

発生したエラー

yarn eslint --fixコマンドを実行するとエラーになりリントが動かないという状況が発生しました。

zshCopy code$ yarn eslint --fix src/**/*.tsx
yarn run v1.22.10
$ /Users/XXXX/project/node_modules/.bin/eslint --fix src/**/*.tsx

Oops! Something went wrong! :(

ESLint: 7.29.0

TypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received an instance of Array
    at validateString (internal/validators.js:124:11)
    at Object.isAbsolute (path.js:1029:5)
    at isFilePath (/Users/XXXX/project/node_modules/@eslint/eslintrc/lib/config-array-factory.js:131:14)
    at /Users/XXXX/project/node_modules/@eslint/eslintrc/lib/config-array-factory.js:905:17
    at Array.reduce (<anonymous>)
    at ConfigArrayFactory._loadPlugins (/Users/XXXX/project/node_modules/@eslint/eslintrc/lib/config-array-factory.js:904:22)
    at ConfigArrayFactory._normalizeObjectConfigDataBody (/Users/XXXX/project/node_modules/@eslint/eslintrc/lib/config-array-factory.js:725:44)
    at _normalizeObjectConfigDataBody.next (<anonymous>)
    at ConfigArrayFactory._normalizeObjectConfigData (/Users/XXXX/project/node_modules/@eslint/eslintrc/lib/config-array-factory.js:665:20)
    at _normalizeObjectConfigData.next (<anonymous>)
error Command failed with exit code 2.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

エラーについて

エラーの内容はパスは文字列型を指定する必要があるというエラーです。

zshCopy codeTypeError [ERR_INVALID_ARG_TYPE]: The "path" argument must be of type string. Received an instance of Array

ファイルなどが明示されている通常のlintのエラーではなかったため悩みました。

原因

mobxのデコレーター（@XXXみたいな書き方）を利用するのに必要な @babel/plugin-proposal-decorators プラグインの設定が
なぜかeslint設定ファイルのpluginへ記載されていたことが原因でした。

javascriptCopy code// .eslintrc.js
module.exports = {
  plugins: [
    ["@babel/plugin-proposal-decorators", { legacy: true }],
  ],
}

プラグインの設定を削除して解決

原因の部分の下記を削除して解決しました。

javascriptCopy code// .eslintrc.js
module.exports = {
  plugins: [
    ["@babel/plugin-proposal-decorators", { legacy: true }],
  ],
}

そもそもなぜ@babel/plugin-proposal-decoratorsの設定がeslintrcにあったかの確認（.babelrcと設定を間違えた？）が必要だなと思ったのと、オブジェクトが渡っていたことでパスのエラーが出ていたと理解しました。