From 8db3c5ac731d3be5c4758361debcb16c86e9b7c3 Mon Sep 17 00:00:00 2001
From: Evan Petersen <emp2221@columbia.edu>
Date: Fri, 6 Oct 2023 10:52:37 -0400
Subject: [PATCH] Update to React 18

---
 hydrogen-atom-simulator/package.json | 6 +++---
 hydrogen-atom-simulator/src/main.jsx | 5 +++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/hydrogen-atom-simulator/package.json b/hydrogen-atom-simulator/package.json
index cfbcd2a199..b3ad28de27 100644
--- a/hydrogen-atom-simulator/package.json
+++ b/hydrogen-atom-simulator/package.json
@@ -22,10 +22,10 @@
         "jquery": "^3.5.1",
         "pixi.js": "^5.2.3",
         "popper.js": "^1.16.0",
-        "react": "^16.13.1",
+        "react": "^18.2.0",
         "react-bootstrap": "^1.0.1",
-        "react-dom": "^16.13.1",
-        "react-range-step-input": "^1.2.4"
+        "react-dom": "^18.2.0",
+        "react-range-step-input": "github:Evan-CTL/react-range-step-input"
     },
     "devDependencies": {
         "@babel/core": "^7.9.6",
diff --git a/hydrogen-atom-simulator/src/main.jsx b/hydrogen-atom-simulator/src/main.jsx
index 122a847896..d9b39aa002 100755
--- a/hydrogen-atom-simulator/src/main.jsx
+++ b/hydrogen-atom-simulator/src/main.jsx
@@ -1,6 +1,7 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import HydrogenAtomSimulator from './HydrogenAtomSimulator.jsx';
 
 const domContainer = document.querySelector('#sim-root');
-ReactDOM.render(<HydrogenAtomSimulator />, domContainer);
+const root = createRoot(domContainer);
+root.render(<HydrogenAtomSimulator />);