<p dir="auto">React version: v18.0.0</p>
<h2 dir="auto">Steps To Reproduce</h2>
<p dir="auto">Run this:</p>
<div class="highlight highlight-text-html-basic notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;body&gt;
  &lt;div id=&quot;root&quot;&gt;&lt;/div&gt;
  &lt;script src=&quot;https://unpkg.com/react@18.0.0/umd/react.development.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;https://unpkg.com/react-dom@18.0.0/umd/react-dom.development.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;module&quot;&gt;
    const rootElement = document.getElementById('root')
    const element = React.createElement('div', {
      className: 'container',
      children: 'Hello World',
    })
    ReactDOM.createRoot(rootElement).render(element)
  &lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;"><pre class="notranslate"><span class="pl-c1">&lt;!DOCTYPE html<span class="pl-kos">&gt;</span></span>
<span class="pl-kos">&lt;</span><span class="pl-ent">html</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">div</span> <span class="pl-c1">id</span>="<span class="pl-s">root</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">div</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://unpkg.com/react@18.0.0/umd/react.development.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">src</span>="<span class="pl-s">https://unpkg.com/react-dom@18.0.0/umd/react-dom.development.js</span>"<span class="pl-kos">&gt;</span><span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
  <span class="pl-kos">&lt;</span><span class="pl-ent">script</span> <span class="pl-c1">type</span>="<span class="pl-s">module</span>"<span class="pl-kos">&gt;</span>
    <span class="pl-k">const</span> <span class="pl-s1">rootElement</span> <span class="pl-c1">=</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">getElementById</span><span class="pl-kos">(</span><span class="pl-s">'root'</span><span class="pl-kos">)</span>
    <span class="pl-k">const</span> <span class="pl-s1">element</span> <span class="pl-c1">=</span> <span class="pl-v">React</span><span class="pl-kos">.</span><span class="pl-en">createElement</span><span class="pl-kos">(</span><span class="pl-s">'div'</span><span class="pl-kos">,</span> <span class="pl-kos">{</span>
      <span class="pl-c1">className</span>: <span class="pl-s">'container'</span><span class="pl-kos">,</span>
      <span class="pl-c1">children</span>: <span class="pl-s">'Hello World'</span><span class="pl-kos">,</span>
    <span class="pl-kos">}</span><span class="pl-kos">)</span>
    <span class="pl-v">ReactDOM</span><span class="pl-kos">.</span><span class="pl-en">createRoot</span><span class="pl-kos">(</span><span class="pl-s1">rootElement</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-en">render</span><span class="pl-kos">(</span><span class="pl-s1">element</span><span class="pl-kos">)</span>
  <span class="pl-kos">&lt;/</span><span class="pl-ent">script</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">body</span><span class="pl-kos">&gt;</span>
<span class="pl-kos">&lt;/</span><span class="pl-ent">html</span><span class="pl-kos">&gt;</span></pre></div>
<p dir="auto">Link to code example: <a href="https://jsbin.com/hucetewebu/edit?html,js,console,output" rel="nofollow">https://jsbin.com/hucetewebu/edit?html,js,console,output</a></p>
<h2 dir="auto">The current behavior</h2>
<p dir="auto">Getting a console error:</p>
<blockquote>
<p dir="auto">index.js:1 Warning: You are importing createRoot from "react-dom" which is not supported. You should instead import it from "react-dom/client".</p>
</blockquote>
<p dir="auto">However, there's no UMD version of <code class="notranslate">react-dom/client</code> so the error is not actionable.</p>
<p dir="auto">I am able to work around this by adding this to the top of the script:</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="ReactDOM.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = true"><pre class="notranslate"><span class="pl-v">ReactDOM</span><span class="pl-kos">.</span><span class="pl-c1">__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED</span><span class="pl-kos">.</span><span class="pl-c1">usingClientEntryPoint</span> <span class="pl-c1">=</span> <span class="pl-c1">true</span></pre></div>
<p dir="auto">But obviously that's not a great solution, especially for what I'm trying to do 😅</p>
<h2 dir="auto">The expected behavior</h2>
<p dir="auto">Disable the warning for UMD or give some other way to use createRoot from the UMD.</p>
<h2 dir="auto">Use case</h2>
<p dir="auto">I use the UMD as a way to ease people into React without introducing a bunch of tooling up-front. Getting an error in the console is not a great experience.</p>
<p dir="auto">This is a false positive.</p>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/810438/160895998-70db1fa4-e4f2-4289-9688-1822b6fb7dc6.png"><img width="952" alt="Screenshot 2022-03-30 at 18 25 00" src="https://user-images.githubusercontent.com/810438/160895998-70db1fa4-e4f2-4289-9688-1822b6fb7dc6.png" style="max-width: 100%;"></a></p>