react 18

Author: rubenfiszel

package-lock.json

@@ -5,8 +5,8 @@
   "homepage": "https://windmill-sdk-example.com",
   "dependencies": {
     "@windmill-labs/windmill-react-sdk": "^1.501.26",
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "react-scripts": "5.0.1",
     "windmill-client": "1.339.1"
   },

package.json

@@ -1,10 +1,11 @@
 import "@windmill-labs/windmill-react-sdk/styles";
 import "./style.css";
 import React from "react";
-//react 18
-// import ReactDOM from "react-dom/client";
+// react 18
+import ReactDOM from "react-dom/client";
 // import ReactDOM from "react-dom";
-import { createRoot } from 'react-dom/client';
+// react 19
+// import { createRoot } from 'react-dom/client';
 import { OpenAPI as ClientOpenAPI } from "windmill-client";
 import { OpenAPI as ComponentsOpenAPI } from "@windmill-labs/windmill-react-sdk";
 import App from "./App";
@@ -22,21 +23,21 @@ async function initializeClients() {
 await initializeClients();
 
 // react 19
-const root = createRoot(document.getElementById("root"));
-root.render(
-  <React.StrictMode>
-    <App />
-  </React.StrictMode>
-);
-
-// react 18
-// let react = ReactDOM.createRoot(document.getElementById("root"));
-// react.render(
+// const root = createRoot(document.getElementById("root"));
+// root.render(
 //   <React.StrictMode>
 //     <App />
 //   </React.StrictMode>
 // );
 
+// react 18
+let react = ReactDOM.createRoot(document.getElementById("root"));
+react.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+
 // react 17
 // ReactDOM.render(
 //   <React.StrictMode>