How to get class properties to stop throwing?

[corysimmons]

I was getting class property errors in ESLint so I Googled "eslint class properties", landed on https://npm.im/eslint-plugin-class-property which said:

Please use babel-plugin-eslint with the babel/semi rule!

So I did, and I'm still getting ESLint errors on class properties. What am I doing wrong?

npm i eslint-plugin-babel

// package.json
"eslintConfig": {
  "plugins": ["babel"],
  "rules": {
    "babel/semi": 0
  }
}

class FooComponent {
  state = { // throws on the equal sign
    a: 1
  }
}

Thank you.

[ljharb]

you need the babel-eslint parser, the plugin is just for rules.

[corysimmons]

Oh thanks @ljharb 👌

[kfprimm]

https://github.com/babel/babel-eslint#setup