diff --git a/eclipsing-binary-simulator/package-lock.json b/eclipsing-binary-simulator/package-lock.json
index 0a73a6de01..b56aebcbfb 100644
--- a/eclipsing-binary-simulator/package-lock.json
+++ b/eclipsing-binary-simulator/package-lock.json
@@ -5,6 +5,7 @@
"requires": true,
"packages": {
"": {
+ "name": "eclipsing-binary-simulator",
"version": "0.1.0",
"license": "GPL-3.0+",
"dependencies": {
diff --git a/eclipsing-binary-simulator/package.json b/eclipsing-binary-simulator/package.json
index 03f5a1f8c7..c5bcf76fe8 100644
--- a/eclipsing-binary-simulator/package.json
+++ b/eclipsing-binary-simulator/package.json
@@ -30,15 +30,15 @@
"d3-drag": "~3.0.0",
"eslint-plugin-security": "^1.4.0",
"pixi.js": "~7.3.0",
- "react": "~17.0.1",
- "react-dom": "~17.0.1",
- "react-range-step-input": "~1.3.0"
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0",
+ "react-range-step-input": "github:Evan-CTL/react-range-step-input"
},
"devDependencies": {
"@babel/core": "^7.5.5",
+ "@babel/eslint-parser": "^7.15.8",
"@babel/preset-env": "^7.5.5",
"@babel/preset-react": "^7.0.0",
- "@babel/eslint-parser": "^7.15.8",
"babel-loader": "^9.0.1",
"eslint": "^8.0.1",
"eslint-plugin-react": "~7.33.2",
diff --git a/eclipsing-binary-simulator/src/main.jsx b/eclipsing-binary-simulator/src/main.jsx
index 5b0bd95fe1..30f29544e4 100644
--- a/eclipsing-binary-simulator/src/main.jsx
+++ b/eclipsing-binary-simulator/src/main.jsx
@@ -1,5 +1,5 @@
import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
import {RangeStepInput} from 'react-range-step-input';
import LightcurveView from './LightcurveView';
import BinarySystemView from './BinarySystemView';
@@ -1321,4 +1321,5 @@ class EclipsingBinarySimulator extends React.Component {
}
const domContainer = document.querySelector('#sim-container');
-ReactDOM.render(, domContainer);
+const root = createRoot(domContainer);
+root.render();