Error while configuring react/jsx-props-no-spreading

While setting up my eslint rules, I ran into some issues when configuring jsx-props-no-spreading

Expected: Allow props spreading when the following rule is set

'react/jsx-props-no-spreading': ['error', {
      html: "ignore",
      custom: "ignore",
      exceptions: [],
    }],

Actual: Getting the following error

Error: .eslintrc.js: Configuration for rule “react/jsx-props-no-spreading” is invalid: Value {“html”:“ignore”,“custom”:“ignore”,“exceptions”:[]} should NOT be valid.

Package versions:

"eslint": "^6.2.0",
"eslint-plugin-react": "^7.14.3",

[sadafk831]

Just for the record: If you wish to use the rule and wish to ignore instead of setting it off. This is how you should use: In the rule definition, all the fields are made compulsory and specially exceptions is suppose to have an array of string not empty, so the declaration of rules goes like follow

'react/jsx-props-no-spreading': ['error', {
      html: "ignore",
      custom: "ignore",
      exceptions: [""],
    }],

For setting it off you can use either any of the following

'react/jsx-props-no-spreading': ['off']

'react/jsx-props-no-spreading': 0

[ljharb]

Set it to “off” then 😃