[解決済み] ReactjsのEsLintの "react / jsx-props-no-spreading "エラーを無効化する。

質問

EsLintをインストールした後、表示されるエラーの1つに以下のようなものがあります。

プロップスプレッディングは禁止されていますeslint(react/jsx-props-no-spreading)

EsLintの設定にこのエラーを無視するルールを作りたいのですが、見つけた例ではうまくいきません。

グローバル例外を作成するための書式です。

...
"react/jsx-props-no-spreading": [{
    "html": "ignore" / "enforce",
    "custom": "ignore" / "enforce",
    "exceptions": [<string>]
}]
...

そして、これは特定のファイルに例外を作成するための書式です。

{
  "rules": {...},
  "overrides": [
    {
      "files": ["*-test.js","*.spec.js"],
      "rules": {
        "no-unused-expressions": "off"
      }
    }
  ]
}

そして、これが現在私が持っているコードです。

module.exports = {
  extends: "../../.eslintrc.js",
  rules: {
    "import/no-extraneous-dependencies": ["error",  {"devDependencies": true}]
  },
  env: {
    "jest": true
  }
};

今のところ、同じエラーが連続して出るだけです。

ありがとうございました。

解決方法は？

をオフにしてみてください。 "react/jsx-props-no-spreading" ルールに従います。

module.exports = {
  extends: "../../.eslintrc.js",
  rules: {
    "import/no-extraneous-dependencies": ["error",  {"devDependencies": true}],
    "react/jsx-props-no-spreading": "off",
  },
  env: {
    "jest": true
  }
};