eslint-plugin-react: react/jsx-indent bug with component "extends" syntax

I’m getting a strange indent error only when using the extends component syntax. Stateless components don’t get this error:

Expected indentation of 10 space characters but found 8.

class CreateArticle extends Component {
  state = {};

  handleContextRef = contextRef => this.setState({ contextRef });

  render() {
    const { contextRef } = this.state;

    return (
      <div ref={this.handleContextRef}>
        <Shelf title="Create new article" />
        <Form                                 <--- Offending line
          size="large"
          onSubmit={e => {
            e.preventDefault();
          }}
        >
         ...
       </Form>
     </div>
    )
  }
}

eslint-plugin-react version: 7.5.1