From 7a0cba72aefcc590721b6f79fe3c24840b36e486 Mon Sep 17 00:00:00 2001
From: Peter <49501366+ZeroIntensity@users.noreply.github.com>
Date: Sun, 2 Jun 2024 14:36:44 -0400
Subject: [PATCH 1/3] Remove deprecated `render`

---
 src/js/src/index.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/js/src/index.tsx b/src/js/src/index.tsx
index 23300874..c84f8309 100644
--- 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} />);
 }

From c4705b2835df5de431195caced6f1cb91b8e8872 Mon Sep 17 00:00:00 2001
From: Peter <49501366+ZeroIntensity@users.noreply.github.com>
Date: Sun, 2 Jun 2024 14:39:54 -0400
Subject: [PATCH 2/3] Update CHANGELOG.md

---
 CHANGELOG.md | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index aa53f765..249cc48d 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -34,7 +34,9 @@ Using the following categories, list your changes in this order:
 
 ## [Unreleased]
 
--   Nothing (yet)!
+### Changed
+
+- Use `ReactDOM.createRoot` instead of the deprecated `ReactDOM.render`
 
 ## [3.8.1] - 2024-05-07
 

From a49b2540983d95c6215d302275016a914fd07ecc Mon Sep 17 00:00:00 2001
From: Peter <49501366+ZeroIntensity@users.noreply.github.com>
Date: Sun, 2 Jun 2024 20:47:43 -0400
Subject: [PATCH 3/3] Bump React version

---
 src/js/package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/js/package.json b/src/js/package.json
index 8d2d9ff5..81aa881d 100644
--- a/src/js/package.json
+++ b/src/js/package.json
@@ -17,6 +17,7 @@
     "eslint": "^8.38.0",
     "eslint-plugin-react": "^7.32.2",
     "rollup": "^4.9.5",
+    "react" : "^18.0.0",
     "typescript": "^5.3.3"
   },
   "dependencies": {