chore: upgrade react to latest (#2030)

13 files changed, 6 insertions, 16 deletions

diff --git a/uidev/src/app.tsx b/uidev/src/app.tsx
index 970cb40e3..26e0f5b96 100644
--- a/uidev/src/app.tsx
+++ b/uidev/src/app.tsx
@@ -1,7 +1,6 @@
 import { Property } from 'csstype';
 import { Classes } from 'jss';
 import { observer } from 'mobx-react';
-import React from 'react';
 import injectSheet from 'react-jss';
 
 import { theme, ThemeType } from '@meetfranz/theme';
diff --git a/uidev/src/index.tsx b/uidev/src/index.tsx
index 5aa3979c8..c996d9f69 100644
--- a/uidev/src/index.tsx
+++ b/uidev/src/index.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render } from 'react-dom';
 import { App } from './app';
 
diff --git a/uidev/src/stories/badge.stories.tsx b/uidev/src/stories/badge.stories.tsx
index d7b4d55b5..05fa4617b 100644
--- a/uidev/src/stories/badge.stories.tsx
+++ b/uidev/src/stories/badge.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Badge, ProBadge } from '@meetfranz/ui';
 import { storiesOf } from '../stores/stories';
 
diff --git a/uidev/src/stories/button.stories.tsx b/uidev/src/stories/button.stories.tsx
index 5ca657238..e948e8ca4 100644
--- a/uidev/src/stories/button.stories.tsx
+++ b/uidev/src/stories/button.stories.tsx
@@ -1,7 +1,7 @@
 import { mdiInformation } from '@mdi/js';
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
-import React from 'react';
+import * as React from 'react';
 import injectSheet from 'react-jss';
 
 import { Button, Input } from '@meetfranz/forms';
diff --git a/uidev/src/stories/headline.stories.tsx b/uidev/src/stories/headline.stories.tsx
index 320ac832f..1f1ab2036 100644
--- a/uidev/src/stories/headline.stories.tsx
+++ b/uidev/src/stories/headline.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { H1, H2, H3, H4 } from '@meetfranz/ui';
 import { storiesOf } from '../stores/stories';
 
diff --git a/uidev/src/stories/icon.stories.tsx b/uidev/src/stories/icon.stories.tsx
index f9aa1635b..12c08fd57 100644
--- a/uidev/src/stories/icon.stories.tsx
+++ b/uidev/src/stories/icon.stories.tsx
@@ -1,5 +1,4 @@
 import { mdiAccountCircle } from '@mdi/js';
-import React from 'react';
 
 import { Icon } from '@meetfranz/ui';
 import { storiesOf } from '../stores/stories';
diff --git a/uidev/src/stories/infobox.stories.tsx b/uidev/src/stories/infobox.stories.tsx
index fe4aaab06..166150606 100644
--- a/uidev/src/stories/infobox.stories.tsx
+++ b/uidev/src/stories/infobox.stories.tsx
@@ -1,7 +1,7 @@
 import { mdiEarth } from '@mdi/js';
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
-import React from 'react';
+import * as React from 'react';
 
 import { Infobox } from '@meetfranz/ui';
 import { storiesOf } from '../stores/stories';
diff --git a/uidev/src/stories/input.stories.tsx b/uidev/src/stories/input.stories.tsx
index c92ebb36a..2a252ee66 100644
--- a/uidev/src/stories/input.stories.tsx
+++ b/uidev/src/stories/input.stories.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 
 import { Input } from '@meetfranz/forms';
 import { v4 as uuid } from 'uuid';
diff --git a/uidev/src/stories/loader.stories.tsx b/uidev/src/stories/loader.stories.tsx
index 50eb7b9e1..ad38dffe8 100644
--- a/uidev/src/stories/loader.stories.tsx
+++ b/uidev/src/stories/loader.stories.tsx
@@ -1,5 +1,3 @@
-import React from 'react';
-
 import { Loader } from '@meetfranz/ui';
 import { storiesOf } from '../stores/stories';
 
diff --git a/uidev/src/stories/select.stories.tsx b/uidev/src/stories/select.stories.tsx
index 93e072cd9..26189afb8 100644
--- a/uidev/src/stories/select.stories.tsx
+++ b/uidev/src/stories/select.stories.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { v4 as uuid } from 'uuid';
 
 import { Select } from '@meetfranz/forms';
diff --git a/uidev/src/stories/textarea.stories.tsx b/uidev/src/stories/textarea.stories.tsx
index 09b9fef70..5c2b61798 100644
--- a/uidev/src/stories/textarea.stories.tsx
+++ b/uidev/src/stories/textarea.stories.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { v4 as uuid } from 'uuid';
 
 import { Textarea } from '@meetfranz/forms';
diff --git a/uidev/src/stories/toggle.stories.tsx b/uidev/src/stories/toggle.stories.tsx
index f54e67596..021658d21 100644
--- a/uidev/src/stories/toggle.stories.tsx
+++ b/uidev/src/stories/toggle.stories.tsx
@@ -1,6 +1,5 @@
 import { observable } from 'mobx';
 import { observer } from 'mobx-react';
-import React from 'react';
 import { v4 as uuid } from 'uuid';
 
 import { Toggle } from '@meetfranz/forms';
diff --git a/uidev/src/withTheme/index.tsx b/uidev/src/withTheme/index.tsx
index 4ef649367..5184ff340 100644
--- a/uidev/src/withTheme/index.tsx
+++ b/uidev/src/withTheme/index.tsx
@@ -1,6 +1,6 @@
 import { theme, Theme, ThemeType } from '@meetfranz/theme';
 import { Classes } from 'jss';
-import React from 'react';
+import * as React from 'react';
 import injectSheet, { ThemeProvider } from 'react-jss';
 
 const defaultTheme = {