<blockquote>
<p dir="auto">Issue originally made by <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/taion/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/taion">@taion</a></p>
</blockquote>
<h3 dir="auto">Bug information</h3>
<ul dir="auto">
<li><strong>Babel version:</strong> 6.11.4</li>
<li><strong>Node version:</strong> 6.3.1</li>
<li><strong>npm version:</strong> 3.10.3</li>
</ul>
<h3 dir="auto">Options</h3>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="N/A"><pre class="notranslate"><code class="notranslate">N/A
</code></pre></div>
<h3 dir="auto">Input code</h3>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="N/A"><pre class="notranslate"><span class="pl-v">N</span><span class="pl-c1">/</span><span class="pl-v">A</span></pre></div>
<h3 dir="auto">Description</h3>
<p dir="auto">From discussion on <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="167864094" data-permission-text="Title is private" data-url="https://github.com/facebook/create-react-app/issues/238" data-hovercard-type="pull_request" data-hovercard-url="/facebook/create-react-app/pull/238/hovercard" href="https://github.com/facebook/create-react-app/pull/238">facebook/create-react-app#238</a>:</p>
<p dir="auto">This is the code of <code class="notranslate">babel-runtime/helper/typeof.js</code>:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&quot;use strict&quot;;

exports.__esModule = true;

var _iterator = require(&quot;../core-js/symbol/iterator&quot;);

var _iterator2 = _interopRequireDefault(_iterator);

var _symbol = require(&quot;../core-js/symbol&quot;);

var _symbol2 = _interopRequireDefault(_symbol);

var _typeof = typeof _symbol2.default === &quot;function&quot; &amp;&amp; typeof _iterator2.default === &quot;symbol&quot; ? function (obj) { return typeof obj; } : function (obj) { return obj &amp;&amp; typeof _symbol2.default === &quot;function&quot; &amp;&amp; obj.constructor === _symbol2.default ? &quot;symbol&quot; : typeof obj; };

function _interopRequireDefault(obj) { return obj &amp;&amp; obj.__esModule ? obj : { default: obj }; }

exports.default = typeof _symbol2.default === &quot;function&quot; &amp;&amp; _typeof(_iterator2.default) === &quot;symbol&quot; ? function (obj) {
  return typeof obj === &quot;undefined&quot; ? &quot;undefined&quot; : _typeof(obj);
} : function (obj) {
  return obj &amp;&amp; typeof _symbol2.default === &quot;function&quot; &amp;&amp; obj.constructor === _symbol2.default ? &quot;symbol&quot; : typeof obj === &quot;undefined&quot; ? &quot;undefined&quot; : _typeof(obj);
};"><pre class="notranslate"><code class="notranslate">"use strict";

exports.__esModule = true;

var _iterator = require("../core-js/symbol/iterator");

var _iterator2 = _interopRequireDefault(_iterator);

var _symbol = require("../core-js/symbol");

var _symbol2 = _interopRequireDefault(_symbol);

var _typeof = typeof _symbol2.default === "function" &amp;&amp; typeof _iterator2.default === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj &amp;&amp; typeof _symbol2.default === "function" &amp;&amp; obj.constructor === _symbol2.default ? "symbol" : typeof obj; };

function _interopRequireDefault(obj) { return obj &amp;&amp; obj.__esModule ? obj : { default: obj }; }

exports.default = typeof _symbol2.default === "function" &amp;&amp; _typeof(_iterator2.default) === "symbol" ? function (obj) {
  return typeof obj === "undefined" ? "undefined" : _typeof(obj);
} : function (obj) {
  return obj &amp;&amp; typeof _symbol2.default === "function" &amp;&amp; obj.constructor === _symbol2.default ? "symbol" : typeof obj === "undefined" ? "undefined" : _typeof(obj);
};
</code></pre></div>
<p dir="auto">By contrast, the helper definition is:</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="(typeof Symbol === &quot;function&quot; &amp;&amp; typeof Symbol.iterator === &quot;symbol&quot;)
  ? function (obj) { return typeof obj; }
  : function (obj) { return obj &amp;&amp; typeof Symbol === &quot;function&quot; &amp;&amp; obj.constructor === Symbol ? &quot;symbol&quot; : typeof obj; };"><pre class="notranslate"><code class="notranslate">(typeof Symbol === "function" &amp;&amp; typeof Symbol.iterator === "symbol")
  ? function (obj) { return typeof obj; }
  : function (obj) { return obj &amp;&amp; typeof Symbol === "function" &amp;&amp; obj.constructor === Symbol ? "symbol" : typeof obj; };
</code></pre></div>
<p dir="auto">Similar things happen for other helpers like <code class="notranslate">jsx</code>.</p>
<p dir="auto">It's counterproductive to actively pull in the polyfills here – doing so provides no additional functionality but increases bundle size for users for little reason.</p>
<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 this feature?</li>
</ul>
<h3 dir="auto">What problem are you trying to solve?</h3>
<p dir="auto">Cannot use <code class="notranslate">satisfies</code> typescript operator because I need @babel/plugin-transform-typescript version 7.20 which is dependency of <code class="notranslate">@babel/preset-typescript</code> which was left behind on version 7.18 and not released as part of <a href="https://babeljs.io/blog/2022/10/27/7.20.0" rel="nofollow">https://babeljs.io/blog/2022/10/27/7.20.0</a></p>
<h3 dir="auto">Describe the solution you'd like</h3>
<p dir="auto">Update @babel/preset-typescript to use latest @babel/plugin-transform-typescript and release it.</p>
<h3 dir="auto">Describe alternatives you've considered</h3>
<p dir="auto">.</p>
<h3 dir="auto">Documentation, Adoption, Migration Strategy</h3>
<p dir="auto">.</p>