fix jsx runtime import

tsnobip · tsnobip · commit 5d22d7f40c97 · 2024-05-24T18:21:33.000+02:00
diff --git a/src/Playground.res b/src/Playground.res
@@ -1379,7 +1379,7 @@ module App = {
 }
 `
 
-  let since_10_1 = `@@jsxConfig({version: 4, mode: "classic"})
+  let since_10_1 = `@@jsxConfig({version: 4, mode: "automatic"})
 
 module Button = {
   @react.component
diff --git a/src/RenderPanel.res b/src/RenderPanel.res
@@ -1,11 +1,6 @@
 let wrapReactApp = code =>
   `(function () {
   ${code}
-  if (!window.reactRoot){
-    const container = document.getElementById("root");
-    const root = ReactDOM.createRoot(container);
-    window.reactRoot = root;
-  }
   const appContainer$$ = () => App.make();
   window.reactRoot.render(appContainer$$());
 })();`
diff --git a/src/common/EvalIFrame.res b/src/common/EvalIFrame.res
@@ -15,6 +15,26 @@ let srcDoc = `
       </head>
       <body>
         <div id="root"></div>
+        <script type="importmap">
+          {
+            "imports": {
+              "@jsxImportSource": "https://esm.sh/react@${reactVersion}",
+              "react-dom/client": "https://esm.sh/react-dom@${reactVersion}/client",
+              "react": "https://esm.sh/react@${reactVersion}",
+              "react/jsx-runtime": "https://esm.sh/react@${reactVersion}/jsx-runtime"
+            }
+          }
+        </script>
+        <script type="module">
+          import * as ReactDOM from 'react-dom/client';
+          import * as React from 'react';
+          import * as JsxRuntime from 'react/jsx-runtime';
+          const container = document.getElementById("root");
+          const root = ReactDOM.createRoot(container);
+          window.reactRoot = root;
+          window.React = React;
+          window.JsxRuntime = JsxRuntime;
+        </script>
         <script>
           window.addEventListener("message", (event) => {
             try {

Original file line number	Diff line number	Diff line change
`@@ -1379,7 +1379,7 @@ module App = {`
`1379`	`1379`	`}`
`1380`	`1380`	`
`1381`	`1381`
`1382`		- let since_10_1 = `@@jsxConfig({version: 4, mode: "classic"})
	`1382`	+ let since_10_1 = `@@jsxConfig({version: 4, mode: "automatic"})
`1383`	`1383`
`1384`	`1384`	`module Button = {`
`1385`	`1385`	`@react.component`