Merge pull request #5220 from ccnmtl/INFRA-2425

Ets: update react 18
ccnmtl · Oct 11, 2023 · 057a3a6 · 057a3a6
2 parents 4b1b79c + 1504700
commit 057a3a6
Show file tree

Hide file tree

Showing 3 changed files with 41 additions and 46 deletions.
diff --git a/exoplanet-transit-simulator/package-lock.json b/exoplanet-transit-simulator/package-lock.json
diff --git a/exoplanet-transit-simulator/package.json b/exoplanet-transit-simulator/package.json
@@ -30,9 +30,9 @@
     "d3-drag": "~3.0.0",
     "eslint-plugin-security": "^1.4.0",
     "pixi.js": "~7.2.4",
-    "react": "~17.0.1",
-    "react-dom": "~17.0.1",
-    "react-range-step-input": "^1.2.1"
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-range-step-input": "github:nikolas/react-range-step-input"
   },
   "devDependencies": {
     "@babel/core": "^7.5.5",

diff --git a/exoplanet-transit-simulator/src/main.jsx b/exoplanet-transit-simulator/src/main.jsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import Lightcurve from './Lightcurve';
 import LightcurveView from './LightcurveView';
 import TransitView from './TransitView';
@@ -659,4 +659,5 @@ class ExoplanetTransitSimulator extends React.Component {
 }
 
 const domContainer = document.querySelector('#sim-container');
-ReactDOM.render(<ExoplanetTransitSimulator />, domContainer);
+const root = createRoot(domContainer);
+root.render(<ExoplanetTransitSimulator />);