React + JSX + ESM with single HTML

react-jsx-in-html.html

<script type="module" src="https://jspm.dev/@babel/standalone"></script>
<script type="text/jsx" data-type="module">
  import React from "https://jspm.dev/react";
  // import { createRoot } from "https://jspm.dev/react-dom/client";
  import { createRoot } from "https://jspm.dev/react-dom";

  const root = createRoot(document.querySelector("#main"));
  root.render(
    <div>
      Hello, world!
    </div>
  );
</script>
<div id="main"></div>