From 04030b93b8bb19adf899006815cc859698908feb Mon Sep 17 00:00:00 2001
From: Kristóf Marussy <kristof@marussy.com>
Date: Sat, 7 May 2022 16:11:33 +0200
Subject: chore(deps): bump to react 18
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Kristóf Marussy <kristof@marussy.com>
---
 .../src/components/banner/NewWindowBanner.tsx        | 20 +++++++++++++-------
 packages/renderer/src/index.tsx                      | 10 ++++++++--
 2 files changed, 21 insertions(+), 9 deletions(-)

(limited to 'packages/renderer/src')

diff --git a/packages/renderer/src/components/banner/NewWindowBanner.tsx b/packages/renderer/src/components/banner/NewWindowBanner.tsx
index 07fafda..685badf 100644
--- a/packages/renderer/src/components/banner/NewWindowBanner.tsx
+++ b/packages/renderer/src/components/banner/NewWindowBanner.tsx
@@ -96,14 +96,20 @@ function NewWindowBanner({
       }
     >
       {count === 1 ? (
-        <Trans i18nKey="messageSingleLink" t={t}>
-          {{ name }} wants to open <strong>{{ url }}</strong> in a new window
-        </Trans>
+        <Trans
+          i18nKey="messageSingleLink"
+          t={t}
+          components={[<strong>url</strong>]}
+          values={{ name, url }}
+        />
       ) : (
-        <Trans i18nKey="messageMultipleLinks" count={count - 1} t={t}>
-          {{ name }} wants to open <strong>{{ url }}</strong> and{' '}
-          <strong>{{ count: count - 1 }}</strong> other links in new windows
-        </Trans>
+        <Trans
+          i18nKey="messageMultipleLinks"
+          count={count - 1}
+          t={t}
+          components={[<strong>url</strong>, <strong>count</strong>]}
+          values={{ name, url, count: count - 1 }}
+        />
       )}
     </NotificationBanner>
   );
diff --git a/packages/renderer/src/index.tsx b/packages/renderer/src/index.tsx
index 72a9ffd..726e00e 100644
--- a/packages/renderer/src/index.tsx
+++ b/packages/renderer/src/index.tsx
@@ -26,7 +26,7 @@ import CssBaseline from '@mui/material/CssBaseline';
 import { autorun } from 'mobx';
 import { addDisposer } from 'mobx-state-tree';
 import React, { Suspense, lazy } from 'react';
-import { render } from 'react-dom';
+import { createRoot } from 'react-dom/client';
 
 import Loading from './components/Loading';
 import StoreProvider from './components/StoreProvider';
@@ -88,4 +88,10 @@ function Root(): JSX.Element {
   );
 }
 
-render(<Root />, document.querySelector('#app'));
+const rootElement = document.querySelector('#app');
+if (rootElement === null) {
+  log.error('Root element not found');
+} else {
+  const root = createRoot(rootElement);
+  root.render(<Root />);
+}
-- 
cgit v1.2.3-70-g09d2