[Bug]: `super()` in class methods is not reported by `@babel/eslint-parser`

💻

• Would you like to work on a fix?

How are you using Babel?

@babel/eslint-parser

Input code

        class Foo extends React.Component {
          contructor(props) {
            super(props);
            this.initialValues = {
              test: '',
            };
          }

          render = () => {
            return (
              <Component
                initialValues={this.props.initialValues || this.initialValues}
              >
                {formikProps => (
                  <Input {...formikProps} />
                )}
              </Component>
            );
          }
        }

Configuration file name

No response

Configuration

n/a

Current and expected behavior

I would expect a parse error, because super() is not valid except in constructor() {} and this is contructor() {}.

Environment

v7.16.0 of @babel/eslint-parser, eslint v8.1.10, node v17.0.1

Possible solution

Don’t allow super() outside of a class constructor() {}

Additional context

Confusion over this led me to file https://github.com/eslint/eslint/issues/15234, but eslint 8 is actually handling this correctly because of the typo.

related: https://github.com/typescript-eslint/typescript-eslint/issues/4072

[nicolo-ribaudo]

In your eslint config:

parserOpts: {
  babelOptions: {
    allowReturnOutsideFunction: false,
    allowSuperOutsideMethod: false,
  }
}

[ljharb]

In AST Explorer, when i select the babel eslint parser, as opposed to the babel parser, it does not throw.