chore: upgrade react to latest (#2030)

6 files changed, 10 insertions, 10 deletions

diff --git a/packages/ui/src/badge/ProBadge.tsx b/packages/ui/src/badge/ProBadge.tsx
index 63d5d673a..be7ed8e58 100644
--- a/packages/ui/src/badge/ProBadge.tsx
+++ b/packages/ui/src/badge/ProBadge.tsx
@@ -1,6 +1,6 @@
 import { mdiStar } from '@mdi/js';
 import classnames from 'classnames';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import injectStyle from 'react-jss';
 
 import { Badge, Icon } from '..';
diff --git a/packages/ui/src/badge/index.tsx b/packages/ui/src/badge/index.tsx
index 5dd735879..a8f3ebcbf 100644
--- a/packages/ui/src/badge/index.tsx
+++ b/packages/ui/src/badge/index.tsx
@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React, { Component } from 'react';
+import { Component, ReactNode } from 'react';
 import injectStyle from 'react-jss';
 
 import { Theme } from '../../../theme';
@@ -8,7 +8,7 @@ import { IWithStyle } from '../typings/generic';
 interface IProps extends IWithStyle {
   type: string;
   className?: string;
-  children: React.ReactNode;
+  children: ReactNode;
 }
 
 const badgeStyles = (theme: Theme) => {
diff --git a/packages/ui/src/headline/index.tsx b/packages/ui/src/headline/index.tsx
index bf3d4418c..b534a6298 100644
--- a/packages/ui/src/headline/index.tsx
+++ b/packages/ui/src/headline/index.tsx
@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React, { Component } from 'react';
+import { Component, createElement, ReactNode } from 'react';
 import injectStyle from 'react-jss';
 
 import { Theme } from '../../../theme';
@@ -8,7 +8,7 @@ import { IWithStyle, Omit } from '../typings/generic';
 interface IProps extends IWithStyle {
   level?: number;
   className?: string;
-  children: string | React.ReactNode;
+  children: string | ReactNode;
   id?: string;
 }
 
@@ -39,7 +39,7 @@ class HeadlineComponent extends Component<IProps> {
   render() {
     const { classes, level, className, children, id } = this.props;
 
-    return React.createElement(
+    return createElement(
       `h${level}`,
       {
         id,
diff --git a/packages/ui/src/icon/index.tsx b/packages/ui/src/icon/index.tsx
index b644a9234..9753b399c 100644
--- a/packages/ui/src/icon/index.tsx
+++ b/packages/ui/src/icon/index.tsx
@@ -1,6 +1,6 @@
 import MdiIcon from '@mdi/react';
 import classnames from 'classnames';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import injectStyle from 'react-jss';
 
 import { Theme } from '../../../theme';
diff --git a/packages/ui/src/infobox/index.tsx b/packages/ui/src/infobox/index.tsx
index 88cfdb620..7bad4a1f2 100644
--- a/packages/ui/src/infobox/index.tsx
+++ b/packages/ui/src/infobox/index.tsx
@@ -1,6 +1,6 @@
 import { mdiClose } from '@mdi/js';
 import classnames from 'classnames';
-import React, { Component } from 'react';
+import { Component, ReactNode } from 'react';
 import injectStyle from 'react-jss';
 
 import { Icon } from '..';
@@ -16,7 +16,7 @@ interface IProps extends IWithStyle {
   ctaOnClick?: () => void;
   ctaLabel?: string;
   ctaLoading?: boolean;
-  children: React.ReactNode;
+  children: ReactNode;
   className: string;
 }
 
diff --git a/packages/ui/src/loader/index.tsx b/packages/ui/src/loader/index.tsx
index 244aa9dc9..0607bd48b 100644
--- a/packages/ui/src/loader/index.tsx
+++ b/packages/ui/src/loader/index.tsx
@@ -1,5 +1,5 @@
 import classnames from 'classnames';
-import React, { Component } from 'react';
+import { Component } from 'react';
 import injectStyle, { withTheme } from 'react-jss';
 import ReactLoader from 'react-loader';