From fc9ca18f1c732dcc8672d9a7e650eefef4c2f299 Mon Sep 17 00:00:00 2001
From: Matiss Janis Aboltins <matiss@mja.lv>
Date: Fri, 17 Mar 2023 23:19:35 +0000
Subject: [PATCH] :arrow_up: finish react v18 upgrade: react-dom change (#776)
Finishing off the React v18 upgrade by doing a change in `react-dom`.
Effectively this upgrades from v17 to v18.
https://react.dev/blog/2022/03/08/react-18-upgrade-guide
---
packages/desktop-client/src/index.js | 7 ++++---
upcoming-release-notes/776.md | 6 ++++++
2 files changed, 10 insertions(+), 3 deletions(-)
create mode 100644 upcoming-release-notes/776.md
diff --git a/packages/desktop-client/src/index.js b/packages/desktop-client/src/index.js
index 75eaa1c2c..d64a511d7 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 000000000..c38b265cd
--- /dev/null
+++ b/upcoming-release-notes/776.md
@@ -0,0 +1,6 @@
+---
+category: Maintenance
+authors: [MatissJanis]
+---
+
+Finish React v18 upgrade: react-dom change
--
GitLab