<p dir="auto">I am getting the following</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="ERROR in ./src/main.jsx
Module build failed: SyntaxError: /Users/sam/src/main.jsx: 'this' is not allowed before super() (This is an error on an internal node. Probably an internal error)
    at File.buildCodeFrameError (/Users/sam/node_modules/@apple/reviz-dev/node_modules/babel-core/lib/transformation/file/index.js:408:15)
    at NodePath.buildCodeFrameError (/Users/sam/node_modules/@apple/reviz-dev/node_modules/babel-core/node_modules/babel-traverse/lib/path/index.js:143:26)
    at ThisExpression (/Users/sam/node_modules/babel-preset-es2015/node_modules/babel-plugin-transform-es2015-classes/lib/vanilla.js:73:20)"><pre class="notranslate"><code class="notranslate">ERROR in ./src/main.jsx
Module build failed: SyntaxError: /Users/sam/src/main.jsx: 'this' is not allowed before super() (This is an error on an internal node. Probably an internal error)
    at File.buildCodeFrameError (/Users/sam/node_modules/@apple/reviz-dev/node_modules/babel-core/lib/transformation/file/index.js:408:15)
    at NodePath.buildCodeFrameError (/Users/sam/node_modules/@apple/reviz-dev/node_modules/babel-core/node_modules/babel-traverse/lib/path/index.js:143:26)
    at ThisExpression (/Users/sam/node_modules/babel-preset-es2015/node_modules/babel-plugin-transform-es2015-classes/lib/vanilla.js:73:20)
</code></pre></div>
<p dir="auto">When I try to compile the following:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import React from 'react';
import ReactDOM from 'react-dom';

class Main extends React.Component {
  constructor() {
    super();
    this.state = {};
  }

  myHandler = () =&gt; {
    this.setState({newState: true});
  };

  render() {
    return (
        &lt;div&gt;&lt;/div&gt;
    );
  }
}"><pre class="notranslate"><code class="notranslate">import React from 'react';
import ReactDOM from 'react-dom';

class Main extends React.Component {
  constructor() {
    super();
    this.state = {};
  }

  myHandler = () =&gt; {
    this.setState({newState: true});
  };

  render() {
    return (
        &lt;div&gt;&lt;/div&gt;
    );
  }
}
</code></pre></div>
<p dir="auto">It is only failing when I include <code class="notranslate">this</code> inside the myHandler function.  There have been several issues similar to this, I had hoped this would resolve when <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="115945153" data-permission-text="Title is private" data-url="https://github.com/babel/babel/issues/2942" data-hovercard-type="issue" data-hovercard-url="/babel/babel/issues/2942/hovercard" href="https://github.com/babel/babel/issues/2942">#2942</a> was closed, but I'm still seeing it in the latest 6.1.19.</p>
<p dir="auto">My babel settings look like:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="        loader: 'babel-loader',
        query: {
          presets: ['es2015', 'stage-0', 'react']
        }"><pre class="notranslate"><code class="notranslate">        loader: 'babel-loader',
        query: {
          presets: ['es2015', 'stage-0', 'react']
        }
</code></pre></div>
<p dir="auto"><strong>Input:</strong></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="class MyClass extends ParentClass {
  property = foo;
}"><pre class="notranslate"><span class="pl-k">class</span> <span class="pl-v">MyClass</span> <span class="pl-k">extends</span> <span class="pl-v">ParentClass</span> <span class="pl-kos">{</span>
  <span class="pl-c1">property</span> <span class="pl-c1">=</span> <span class="pl-s1">foo</span><span class="pl-kos">;</span>
<span class="pl-kos">}</span></pre></div>
<p dir="auto"><strong>Error:</strong></p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="SyntaxError: index.js: 'super.*' is not allowed before super() (This is an error on an internal node. Probably an internal error)
undefined"><pre class="notranslate"><span class="pl-v">SyntaxError</span>: <span class="pl-s1">index</span><span class="pl-kos">.</span><span class="pl-c1">js</span>: '<span class="pl-smi">super</span><span class="pl-kos">.</span><span class="pl-c1">*</span>' is not allowed before super() (This is an error on an internal node. Probably an internal error)
undefined</pre></div>
<p dir="auto"><strong>Notes:</strong></p>
<ul dir="auto">
<li>Doesn't happen with <code class="notranslate">constructor() { super() }</code></li>
<li>Needs <code class="notranslate">ParentClass</code> to occur</li>
<li>Doesn't matter what the value of the class property is.</li>
</ul>
<p dir="auto">Example repo: <a href="https://github.com/thejameskyle/__babel-bug-2942">https://github.com/thejameskyle/__babel-bug-2942</a></p>