From 9ae40093e130a1ae994c6eeaaeb908e4582b76c1 Mon Sep 17 00:00:00 2001
From: Kevin Kandlbinder <kevin@kevink.dev>
Date: Tue, 3 May 2022 19:01:24 +0200
Subject: [PATCH] Fix React 18 support

---
 package.json  |  2 +-
 src/index.tsx | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 3f80a1c..d6620df 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kevins-data-toolbox",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "private": true,
   "dependencies": {
     "@loadable/component": "^5.15.0",
diff --git a/src/index.tsx b/src/index.tsx
index 978fb92..53ec7cd 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import './index.scss';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
@@ -9,12 +9,15 @@ import './i18n';
 
 serviceWorkerRegistration.register();
 
-ReactDOM.render(
+const root = createRoot(
+  document.getElementById('root')!
+);
+
+root.render(
   <React.StrictMode>
     <App />
-  </React.StrictMode>,
-  document.getElementById('root')
-);
+  </React.StrictMode>
+)
 
 // If you want to start measuring performance in your app, pass a function
 // to log results (for example: reportWebVitals(console.log))