update react version to 18.2.0 and it related changes

2 files changed, 3 insertions, 2 deletions

diff --git a/src/components/settings/SettingsLayout.tsx b/src/components/settings/SettingsLayout.tsx
index 3b706571e..f96ad7394 100644
--- a/src/components/settings/SettingsLayout.tsx
+++ b/src/components/settings/SettingsLayout.tsx
@@ -1,4 +1,4 @@
-import { Component, ReactElement } from 'react';
+import { Component, PropsWithChildren, ReactElement } from 'react';
 import { observer } from 'mobx-react';
 import { defineMessages, injectIntl, WrappedComponentProps } from 'react-intl';
 import { mdiClose } from '@mdi/js';
@@ -21,7 +21,7 @@ interface IProps extends WrappedComponentProps {
 }
 
 @observer
-class SettingsLayout extends Component<IProps> {
+class SettingsLayout extends Component<PropsWithChildren<IProps>> {
   constructor(props: IProps) {
     super(props);
 
diff --git a/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx b/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx
index 64ff25eab..bc38aa603 100644
--- a/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx
+++ b/src/components/settings/releaseNotes/ReleaseNotesLayout.tsx
@@ -19,6 +19,7 @@ const messages = defineMessages({
 
 interface IProps extends WrappedComponentProps {
   actions?: Actions;
+  children?: React.ReactNode;
 }
 
 @inject('stores', 'actions')