<p dir="auto">React introduces a new JSX transform that is supported in TypeScript 4.1: <a href="https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#jsx-factories" rel="nofollow">https://devblogs.microsoft.com/typescript/announcing-typescript-4-1-beta/#jsx-factories</a></p>
<p dir="auto">We should consider the impact of this on Deno and specifically <code class="notranslate">--no-check</code>.</p>
<p dir="auto">React 17 introduced <a href="https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html" rel="nofollow">new JSX transforms</a> and they are available in <a href="https://devblogs.microsoft.com/typescript/announcing-typescript-4-1/#jsx-factories" rel="nofollow">TypeScript 4.1</a>.  There are two new options for <code class="notranslate">"jsx"</code> in TypeScript:</p>
<ul dir="auto">
<li><code class="notranslate">"react-jsx"</code></li>
<li><code class="notranslate">"react-jsxdev"</code></li>
</ul>
<p dir="auto">Currently with <em>check</em> these should be supported without any further changes, but are unsupported in <code class="notranslate">--no-check</code> and <code class="notranslate">deno bundle</code>.</p>
<p dir="auto">We need support from swc before integrating.  Ref: <a class="issue-link js-issue-link" data-error-text="Failed to load title" data-id="707312262" data-permission-text="Title is private" data-url="https://github.com/swc-project/swc/issues/1103" data-hovercard-type="issue" data-hovercard-url="/swc-project/swc/issues/1103/hovercard" href="https://github.com/swc-project/swc/issues/1103">swc-project/swc#1103</a></p>
<p dir="auto">cc/ <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/kdy1/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/kdy1">@kdy1</a></p>