diff --git a/packages/desktop-client/src/index.js b/packages/desktop-client/src/index.js index 75eaa1c2c71565ade7a83da7ff632db274600e24..d64a511d7da0223793683be3796af5a37ccf00c2 100644 --- a/packages/desktop-client/src/index.js +++ b/packages/desktop-client/src/index.js @@ -8,9 +8,9 @@ import '@reach/listbox/styles.css'; import 'inter-ui/inter.css'; import React from 'react'; -import ReactDOM from 'react-dom'; import { Provider } from 'react-redux'; +import { createRoot } from 'react-dom/client'; import { createStore, combineReducers, @@ -70,11 +70,12 @@ window.$send = send; window.$query = runQuery; window.$q = q; -ReactDOM.render( +const container = document.getElementById('root'); +const root = createRoot(container); +root.render( <Provider store={store}> <ServerProvider> <App /> </ServerProvider> </Provider>, - document.getElementById('root'), ); diff --git a/upcoming-release-notes/776.md b/upcoming-release-notes/776.md new file mode 100644 index 0000000000000000000000000000000000000000..c38b265cd207ce904ae153991d4656ea6986ba5f --- /dev/null +++ b/upcoming-release-notes/776.md @@ -0,0 +1,6 @@ +--- +category: Maintenance +authors: [MatissJanis] +--- + +Finish React v18 upgrade: react-dom change