Remove deprecated render

ZeroIntensity · web-flow · commit 7a0cba72aefc · 2024-06-02T14:36:44.000-04:00
diff --git a/src/js/src/index.tsx b/src/js/src/index.tsx
@@ -1,6 +1,6 @@
 import { ReactPyDjangoClient } from "./client";
 import React from "react";
-import { render } from "react-dom";
+import { createRoot } from "react-dom";
 import { Layout } from "@reactpy/client/src/components";
 
 export function mountComponent(
@@ -77,5 +77,6 @@ export function mountComponent(
   }
 
   // Start rendering the component
-  render(<Layout client={client} />, client.mountElement);
+  const root = createRoot(client.mountElement);
+  root.render(<Layout client={client} />);
 }

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`import { ReactPyDjangoClient } from "./client";`
`2`	`2`	`import React from "react";`
`3`		`-import { render } from "react-dom";`
	`3`	`+import { createRoot } from "react-dom";`
`4`	`4`	`import { Layout } from "@reactpy/client/src/components";`
`5`	`5`
`6`	`6`	`export function mountComponent(`
`@@ -77,5 +77,6 @@ export function mountComponent(`
`77`	`77`	`}`
`78`	`78`
`79`	`79`	`// Start rendering the component`
`80`		`- render(<Layout client={client} />, client.mountElement);`
	`80`	`+ const root = createRoot(client.mountElement);`
	`81`	`+ root.render(<Layout client={client} />);`
`81`	`82`	`}`