A plain HTTP server serves these files unchanged, with main.jsx sent as JavaScript. React and react-dom/client resolve through a working import map. What happens when the browser loads this page?

<!-- index.html (working import map omitted) -->
<div id="root"></div>
<script type="module" src="./main.jsx"></script>

// main.jsx
import React from "react";
import { createRoot } from "react-dom/client";

const root = createRoot(document.getElementById("root"));
root.render(<h1>Hello, React!</h1>);