[React] Update to v18 syntax

Updated after seeing a linter deprecation warning, using this guide: https://react.dev/blog/2022/03/08/react-18-upgrade-guide#updates-to-client-rendering-apis
werkshy · Aug 1, 2023 · cf6002c · cf6002c
1 parent d2ef32e
commit cf6002c
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/react/src/index.jsx b/react/src/index.jsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { render } from "react-dom";
+import { createRoot } from "react-dom/client";
 import { BrowserRouter, Navigate, Route, Routes } from "react-router-dom";
 
 import { Playlist } from "./playlist";
@@ -30,9 +30,10 @@ function App() {
   );
 }
 
-render(
+const container = document.getElementById("index");
+const root = createRoot(container);
+root.render(
   <BrowserRouter>
     <App />
   </BrowserRouter>,
-  document.getElementById("index"),
 );