From 42bee3aaae1493dd91d0bed09517329a4013c413 Mon Sep 17 00:00:00 2001
From: Alex <52292902+alexrudd2@users.noreply.github.com>
Date: Wed, 12 Jul 2023 16:12:47 -0500
Subject: [PATCH] chore: Switch React API from v17 to v18 (#168)

* (fix): Switch React API from v17 to v18

* Update src/ui.tsx

---------

Co-authored-by: Jeremy Rose <nornagon@nornagon.net>
---
 src/ui.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/ui.tsx b/src/ui.tsx
index 5c6659b..2eb20a4 100644
--- a/src/ui.tsx
+++ b/src/ui.tsx
@@ -1,6 +1,6 @@
 import useComponentSize from "@rehooks/component-size";
 import React, { ChangeEvent, Fragment, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState, useReducer } from "react";
-import ReactDOM from "react-dom";
+import { createRoot } from 'react-dom/client';
 import interpolator from "color-interpolate"
 import colormap from "colormap"
 
@@ -1190,7 +1190,8 @@ function DragTarget() {
   </div>;
 }
 
-ReactDOM.render(<Root />, document.getElementById("app"));
+// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+createRoot(document.getElementById("app")!).render(<Root />);
 
 function withSVG<T>(svgString: string, fn: (svg: SVGSVGElement) => T): T {
   const div = document.createElement("div");