Merge pull request #416 from ryandowd/master

fix: ReactDOM.render react 18 warning

Author: afshinm

src/grid.tsx

@@ -18,6 +18,11 @@ class Grid extends Component<Partial<Config>, any> {
   }
 
   componentDidMount(): void {
+    // prevent gridjs from complaining that the container is not empty
+    if (this.wrapper.current.childNodes.length > 0) {
+      this.wrapper.current.innerHTML = '';
+    }
+
     this.instance.render(this.wrapper.current);
   }
 

src/wrapper.tsx

@@ -1,5 +1,5 @@
 import { h, createRef as gCreateRef, Component as gComponent } from "gridjs";
-import ReactDOM from "react-dom";
+import { createRoot } from "react-dom/client";
 
 
 export class ReactWrapper extends gComponent<{
@@ -13,7 +13,8 @@ export class ReactWrapper extends gComponent<{
   ref = gCreateRef();
 
   componentDidMount(): void {
-    ReactDOM.render(this.props.element, this.ref.current);
+    const root = createRoot(this.ref.current);
+    root.render(this.props.element);
   }
 
   render() {