chore: upgrade demo to react 18.3

rexxars · May 23, 2024 · 354357d · 354357d
1 parent 058f0e6
commit 354357d
Show file tree

Hide file tree

Showing 4 changed files with 689 additions and 54 deletions.
diff --git a/demo/js/demo.js b/demo/js/demo.js
@@ -1,5 +1,5 @@
 const React = require('react')
-const ReactDOM = require('react-dom')
+const ReactDOM = require('react-dom/client')
 const Refractor = require('../../src/Refractor')
 const h = React.createElement
 
@@ -79,7 +79,8 @@ class ReactRefractorDemo extends React.Component {
   }
 }
 
-ReactDOM.render(h(ReactRefractorDemo), document.getElementById('root'))
+const root = ReactDOM.createRoot(document.getElementById('root'))
+root.render(h(ReactRefractorDemo))
 
 // Hiding this ugliness down here.
 function getDefaultValue() {

diff --git a/demo/js/demo.min.js b/demo/js/demo.min.js
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -48,8 +48,8 @@
     "eslint-config-sanity": "^6.0.0",
     "jest": "^27.5.1",
     "prettier": "^2.6.2",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "webpack": "^5.72.0",
     "webpack-cli": "^4.9.2"
   },