npm:react-dom (#1467)

mbostock · web-flow · commit 6b6ae78bd24d · 2024-06-15T12:11:26.000-07:00
diff --git a/docs/lib/react.md b/docs/lib/react.md
diff --git a/src/client/main.js b/src/client/main.js
@@ -92,7 +92,7 @@ function reject(root, error) {
 }
 
 function displayJsx(root, value) {
-  return (root._root ??= import("npm:react-dom/client").then(({createRoot}) => {
+  return (root._root ??= import("npm:react-dom").then(({createRoot}) => {
     const node = document.createElement("DIV");
     return [node, createRoot(node)];
   })).then(([node, client]) => {
diff --git a/src/resolvers.ts b/src/resolvers.ts
@@ -172,8 +172,8 @@ export async function getResolvers(
 
   // Add React for JSX blocks.
   if (page.code.some((c) => c.mode === "jsx")) {
-    staticImports.add("npm:react-dom/client");
-    globalImports.add("npm:react-dom/client");
+    staticImports.add("npm:react-dom");
+    globalImports.add("npm:react-dom");
   }
 
   // Add transitive imports for built-in libraries.

Original file line number	Diff line number	Diff line change
`@@ -92,7 +92,7 @@ function reject(root, error) {`
`92`	`92`	`}`
`93`	`93`
`94`	`94`	`function displayJsx(root, value) {`
`95`		`- return (root._root ??= import("npm:react-dom/client").then(({createRoot}) => {`
	`95`	`+ return (root._root ??= import("npm:react-dom").then(({createRoot}) => {`
`96`	`96`	`const node = document.createElement("DIV");`
`97`	`97`	`return [node, createRoot(node)];`
`98`	`98`	`})).then(([node, client]) => {`
Original file line number	Diff line number	Diff line change
`@@ -172,8 +172,8 @@ export async function getResolvers(`
`172`	`172`
`173`	`173`	`// Add React for JSX blocks.`
`174`	`174`	`if (page.code.some((c) => c.mode === "jsx")) {`
`175`		`- staticImports.add("npm:react-dom/client");`
`176`		`- globalImports.add("npm:react-dom/client");`
	`175`	`+ staticImports.add("npm:react-dom");`
	`176`	`+ globalImports.add("npm:react-dom");`
`177`	`177`	`}`
`178`	`178`
`179`	`179`	`// Add transitive imports for built-in libraries.`