Recibo un error eslint en esta declaración ES6 de una variable de clase. ¿Alguien puede sugerir una mejor sintaxis o qué regla eslint necesito agregar o cambiar?

error: ESLint: Parsing error: Unexpected token =

 export default class ErrorBoundary extends React.Component { state = { hasError: false, error: null }; }; ...

Aquí está mi .eslintrc.json

 { "parserOptions": { "ecmaVersion": 2020, "sourceType": "module", "ecmaFeatures": { "jsx": true } }, "plugins": ["react-hooks"], "rules": { "semi": [2, "always"], "react-hooks/rules-of-hooks": "error", "react-hooks/exhaustive-deps": "error" } }

Nota: pregunté esto anteriormente y olvidé mencionar que el problema no es sobre la función de flecha, sino sobre la declaración de estado. La solución sugerida no resuelve este problema.