<h2 dir="auto">Bug Report</h2>
<p dir="auto"><strong>Current behavior</strong><br>
Application does not compile with <code class="notranslate">@babel/preset-react@7.10.4</code>, using version <code class="notranslate">7.10.1</code> does.</p>
<p dir="auto"><strong>Input Code</strong><br>
<a href="https://github.com/Amsterdam/atlas/tree/babel-bugreport">https://github.com/Amsterdam/atlas/tree/babel-bugreport</a></p>
<p dir="auto">Run <code class="notranslate">npm run start</code> on this branch.</p>
<p dir="auto"><strong>Expected behavior</strong><br>
Code compiles as before</p>
<p dir="auto"><strong>Environment</strong></p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="  System:
    OS: Linux 5.6 Fedora 32 (Workstation Edition) 32 (Workstation Edition)
  Binaries:
    Node: 14.5.0 - ~/.nvm/versions/node/v14.5.0/bin/node
    Yarn: 1.22.4 - ~/.nvm/versions/node/v14.5.0/bin/yarn
    npm: 6.14.5 - ~/.nvm/versions/node/v14.5.0/bin/npm
  npmPackages:
    @babel/core: ^7.10.4 =&gt; 7.10.4 
    @babel/plugin-transform-runtime: ^7.10.4 =&gt; 7.10.4 
    @babel/preset-env: ^7.10.4 =&gt; 7.10.4 
    @babel/preset-react: ^7.10.1 =&gt; 7.10.1 
    @babel/preset-typescript: ^7.10.4 =&gt; 7.10.4 
    @babel/runtime: ^7.10.4 =&gt; 7.10.4 
    babel-eslint: ^10.1.0 =&gt; 10.1.0 
    babel-loader: ^8.1.0 =&gt; 8.1.0 
    babel-plugin-styled-components: ^1.10.7 =&gt; 1.10.7 
    babel-plugin-transform-commonjs-es2015-modules: ^4.0.1 =&gt; 4.0.1 
    eslint: ^7.3.1 =&gt; 7.3.1 
    jest: 26.1.0 =&gt; 26.1.0 
    karma-babel-preprocessor: 8.0.1 =&gt; 8.0.1 
    webpack: 4.43.0 =&gt; 4.43.0 
"><pre class="notranslate"><code class="notranslate">  System:
    OS: Linux 5.6 Fedora 32 (Workstation Edition) 32 (Workstation Edition)
  Binaries:
    Node: 14.5.0 - ~/.nvm/versions/node/v14.5.0/bin/node
    Yarn: 1.22.4 - ~/.nvm/versions/node/v14.5.0/bin/yarn
    npm: 6.14.5 - ~/.nvm/versions/node/v14.5.0/bin/npm
  npmPackages:
    @babel/core: ^7.10.4 =&gt; 7.10.4 
    @babel/plugin-transform-runtime: ^7.10.4 =&gt; 7.10.4 
    @babel/preset-env: ^7.10.4 =&gt; 7.10.4 
    @babel/preset-react: ^7.10.1 =&gt; 7.10.1 
    @babel/preset-typescript: ^7.10.4 =&gt; 7.10.4 
    @babel/runtime: ^7.10.4 =&gt; 7.10.4 
    babel-eslint: ^10.1.0 =&gt; 10.1.0 
    babel-loader: ^8.1.0 =&gt; 8.1.0 
    babel-plugin-styled-components: ^1.10.7 =&gt; 1.10.7 
    babel-plugin-transform-commonjs-es2015-modules: ^4.0.1 =&gt; 4.0.1 
    eslint: ^7.3.1 =&gt; 7.3.1 
    jest: 26.1.0 =&gt; 26.1.0 
    karma-babel-preprocessor: 8.0.1 =&gt; 8.0.1 
    webpack: 4.43.0 =&gt; 4.43.0 

</code></pre></div>
<p dir="auto"><strong>Additional context</strong><br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/695720/86457020-4e193000-bd23-11ea-81aa-adfbbab6a8e5.png"><img src="https://user-images.githubusercontent.com/695720/86457020-4e193000-bd23-11ea-81aa-adfbbab6a8e5.png" alt="image" style="max-width: 100%;"></a></p>
<blockquote>
<p dir="auto">Issue originally made by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/stefanoverna/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/stefanoverna">@stefanoverna</a></p>
</blockquote>
<h3 dir="auto">Bug information</h3>
<ul dir="auto">
<li><strong>Babel version:</strong> 6.1.21</li>
<li><strong>Node version:</strong> 5.1.0</li>
<li><strong>npm version:</strong> 3.3.12</li>
</ul>
<h3 dir="auto">Input code</h3>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="I prepared a small sample that illustrates the problem:

https://github.com/stefanoverna/babel-react-skeleton

Just `npm run dev` and open the Inspector to see the exception"><pre class="notranslate"><span class="pl-v">I</span> <span class="pl-s1">prepared</span> <span class="pl-s1">a</span> <span class="pl-s1">small</span> <span class="pl-s1">sample</span> <span class="pl-s1">that</span> <span class="pl-s1">illustrates</span> <span class="pl-s1">the</span> problem:

https:<span class="pl-c">//github.com/stefanoverna/babel-react-skeleton</span>

<span class="pl-v">Just</span> <span class="pl-s">`npm run dev`</span> <span class="pl-s1">and</span> <span class="pl-s1">open</span> <span class="pl-s1">the</span> <span class="pl-v">Inspector</span> <span class="pl-s1">to</span> <span class="pl-s1">see</span> <span class="pl-s1">the</span> <span class="pl-s1">exception</span></pre></div>
<h3 dir="auto">Description</h3>
<p dir="auto">It seems that the following code doesn't get transformed correctly by the <code class="notranslate">babel-plugin-transform-class-properties</code> package:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="import React from &quot;react&quot;;

class App extends React.Component {
  state = {
    count: 0
  };

  render() {
    return &lt;div&gt;Hello there!&lt;/div&gt;;
  }
}

export default App;"><pre class="notranslate"><code class="notranslate">import React from "react";

class App extends React.Component {
  state = {
    count: 0
  };

  render() {
    return &lt;div&gt;Hello there!&lt;/div&gt;;
  }
}

export default App;
</code></pre></div>
<p dir="auto">At runtime, the following error is thrown by the <code class="notranslate">_possibleConstructorReturn</code> function:</p>
<p dir="auto"><code class="notranslate">ReferenceError: this hasn't been initialised - super() hasn't been called</code></p>