Upgraded react

package.json

@@ -80,9 +80,9 @@
     "localforage": "^1.10.0",
     "mocha": "^6.2.0",
     "node-sass": "^7.0.3",
-    "react": "^16.9.0",
+    "react": "^18.3.1",
     "react-ace": "^7.0.4",
-    "react-dom": "^16.9.0",
+    "react-dom": "^18.3.1",
     "react-redux": "^7.1.1",
     "react-resize-detector": "^4.0.5",
     "react-router": "^5.0.1",

src/index.js

@@ -3,7 +3,7 @@ import './scss/romajs.scss'
 import 'babel-polyfill'
 import React from 'react'
 /* import ReactDOM from 'react-dom/client' */
-import { render } from 'react-dom'
+import { createRoot } from 'react-dom/client'
 import { Provider } from 'react-redux'
 import thunkMiddleware from 'redux-thunk'
 import { createStore, applyMiddleware } from 'redux'
@@ -61,13 +61,13 @@ if (window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__) {
 
 const persistor = persistStore(store)
 
-render(
+const root = createRoot(romajsElement)
+root.render(
   <Provider store={store}>
     <PersistGate persistor={persistor}>
       <ConnectedRouter history={history}>
         <App/>
       </ConnectedRouter>
     </PersistGate>
   </Provider>,
-  romajsElement
 )