<h3 dir="auto"><g-emoji class="g-emoji" alias="computer" fallback-src="https://github.githubassets.com/images/icons/emoji/unicode/1f4bb.png">💻</g-emoji></h3>
<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox"> Would you like to work on a fix?</li>
</ul>
<h3 dir="auto">How are you using Babel?</h3>
<p dir="auto">babel-loader (webpack)</p>
<h3 dir="auto">Input code</h3>
<ul dir="auto">
<li>run 'npm install @babel/plugin-proposal-class-properties --save-dev'</li>
<li>add "plugins": ["@babel/plugin-proposal-class-properties"] to babel.config.json file</li>
<li>run npm start</li>
</ul>
<h3 dir="auto">Configuration file name</h3>
<p dir="auto">babel.config.json</p>
<h3 dir="auto">Configuration</h3>
<p dir="auto">{<br>
"presets": ["@nrwl/web/babel"],<br>
"babelrcRoots": ["*"],<br>
"plugins": ["@babel/plugin-proposal-class-properties"]<br>
}</p>
<h3 dir="auto">Current and expected behavior</h3>
<p dir="auto">Current behaviour: babel seems to be throwing this error<br>
vendor.js:280159 Uncaught TypeError: _interopRequireDefault is not a function<br>
at ../../../node_modules/rc-util/lib/hooks/useMergedState.js (vendor.js:280159:23)<br>
at <strong>webpack_require</strong> (bootstrap:79:1)<br>
at ../../../node_modules/antd/lib/typography/Base/index.js (vendor.js:183406:47)<br>
at <strong>webpack_require</strong> (bootstrap:79:1)<br>
at ../../../node_modules/antd/lib/typography/Paragraph.js (vendor.js:184058:36)<br>
at <strong>webpack_require</strong> (bootstrap:79:1)<br>
at ./app/components/ShareLink/index.tsx (main.js:19639:87)<br>
at <strong>webpack_require</strong> (bootstrap:79:1)<br>
at ./app/components/games/GameCard.tsx (main.js:22083:68)<br>
at <strong>webpack_require</strong> (bootstrap:79:1)</p>
<p dir="auto">expected behavior:<br>
to run the application</p>
<h3 dir="auto">Environment</h3>
<p dir="auto">"@babel/core": "7.9.6",<br>
Node v16.17.0<br>
Npm 8.15.0<br>
MonoRepo with Nx</p>
<h3 dir="auto">Possible solution</h3>
<p dir="auto"><em>No response</em></p>
<h3 dir="auto">Additional context</h3>
<p dir="auto"><em>No response</em></p>
<p dir="auto">In addition to <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="813959646" data-permission-text="Title is private" data-url="https://github.com/babel/babel/issues/12851" data-hovercard-type="issue" data-hovercard-url="/babel/babel/issues/12851/hovercard" href="https://github.com/babel/babel/issues/12851">#12851</a></p>
<p dir="auto">If you set <code class="notranslate">resolutions</code> for <code class="notranslate">@babel/core</code> to <code class="notranslate">~7.12.0</code> you then get this error:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="   8 | exports.navigateTo = exports.replace = exports.push = exports.navigate = exports.default = void 0;
   9 |
&gt; 10 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(&quot;@babel/runtime/helpers/objectWithoutPropertiesLoose&quot;));
     | ^
  11 |
  12 | var _assertThisInitialized2 = _interopRequireDefault(require(&quot;@babel/runtime/helpers/assertThisInitialized&quot;));
  13 |


  WebpackError: TypeError: _interopRequireDefault is not a function

  - index.js:10
    node_modules/gatsby-link/index.js:10:1

  - utils.js:136
    node_modules/@reach/router/lib/utils.js:136:1"><pre class="notranslate"><code class="notranslate">   8 | exports.navigateTo = exports.replace = exports.push = exports.navigate = exports.default = void 0;
   9 |
&gt; 10 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
     | ^
  11 |
  12 | var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
  13 |


  WebpackError: TypeError: _interopRequireDefault is not a function

  - index.js:10
    node_modules/gatsby-link/index.js:10:1

  - utils.js:136
    node_modules/@reach/router/lib/utils.js:136:1
</code></pre></div>
<p dir="auto"><code class="notranslate">gatsby-link</code> requires <code class="notranslate">babel/runtime/helpers/interopRequireDefault</code> which seems to no longer exist in <code class="notranslate">@babel/runtime@7.13</code></p>