From b3ff3948ee530e77dae192eacce2036b5adfa6a2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Micha=C3=ABl=20De=20Boey?= <info@michaeldeboey.be>
Date: Thu, 29 Oct 2020 22:23:53 +0100
Subject: [PATCH] chore: update React imports

---
 src/__tests__/01.js            | 2 +-
 src/__tests__/02.js            | 2 +-
 src/__tests__/03.js            | 2 +-
 src/__tests__/04.js            | 2 +-
 src/__tests__/05.js            | 2 +-
 src/__tests__/06.extra-4.js    | 2 +-
 src/__tests__/06.js            | 2 +-
 src/auth-context.js            | 2 +-
 src/examples/counter-after.js  | 2 +-
 src/examples/counter-before.js | 2 +-
 src/examples/warnings.js       | 2 +-
 src/exercise/01.js             | 2 +-
 src/exercise/02.js             | 2 +-
 src/exercise/03.js             | 2 +-
 src/exercise/04.js             | 2 +-
 src/exercise/05.js             | 2 +-
 src/exercise/06.js             | 2 +-
 src/final/01.js                | 2 +-
 src/final/02.extra-1.js        | 2 +-
 src/final/02.js                | 2 +-
 src/final/03.extra-1.js        | 2 +-
 src/final/03.js                | 2 +-
 src/final/04.extra-1.js        | 2 +-
 src/final/04.js                | 2 +-
 src/final/05.extra-1.js        | 2 +-
 src/final/05.extra-2.js        | 2 +-
 src/final/05.js                | 2 +-
 src/final/06.extra-1.js        | 2 +-
 src/final/06.extra-2.js        | 2 +-
 src/final/06.extra-3.js        | 2 +-
 src/final/06.extra-4.js        | 2 +-
 src/final/06.js                | 2 +-
 src/switch.js                  | 2 +-
 test/utils.js                  | 2 +-
 34 files changed, 34 insertions(+), 34 deletions(-)

diff --git a/src/__tests__/01.js b/src/__tests__/01.js
index cd29ce6b..a64822db 100644
--- a/src/__tests__/01.js
+++ b/src/__tests__/01.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render, screen, waitForElementToBeRemoved} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
 import * as userClient from '../user-client'
diff --git a/src/__tests__/02.js b/src/__tests__/02.js
index 87436207..c2e315db 100644
--- a/src/__tests__/02.js
+++ b/src/__tests__/02.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {renderToggle} from '../../test/utils'
 import App from '../final/02'
 // import App from '../exercise/02'
diff --git a/src/__tests__/03.js b/src/__tests__/03.js
index 9ea483ba..96a8d0cd 100644
--- a/src/__tests__/03.js
+++ b/src/__tests__/03.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {renderToggle} from '../../test/utils'
 import App from '../final/03'
 // import App from '../exercise/03'
diff --git a/src/__tests__/04.js b/src/__tests__/04.js
index 6868dd00..eeb1afc6 100644
--- a/src/__tests__/04.js
+++ b/src/__tests__/04.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {renderToggle, screen, userEvent} from '../../test/utils'
 import App from '../final/04'
 // import App from '../exercise/04'
diff --git a/src/__tests__/05.js b/src/__tests__/05.js
index 43144e9d..735f644a 100644
--- a/src/__tests__/05.js
+++ b/src/__tests__/05.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {renderToggle, screen, userEvent} from '../../test/utils'
 import App from '../final/05'
 // import App from '../exercise/05'
diff --git a/src/__tests__/06.extra-4.js b/src/__tests__/06.extra-4.js
index f4682ae9..2ca7fa51 100644
--- a/src/__tests__/06.extra-4.js
+++ b/src/__tests__/06.extra-4.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {alfredTip} from '@kentcdodds/react-workshop-app/test-utils'
 import {render, screen} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
diff --git a/src/__tests__/06.js b/src/__tests__/06.js
index 01585269..9de68ba7 100644
--- a/src/__tests__/06.js
+++ b/src/__tests__/06.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {renderToggle, screen, userEvent} from '../../test/utils'
 import App, {Toggle} from '../final/06'
 // import App, {Toggle} from '../exercise/06'
diff --git a/src/auth-context.js b/src/auth-context.js
index 9409f88c..bc6c3944 100644
--- a/src/auth-context.js
+++ b/src/auth-context.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 // normally this is going to implement a similar pattern
 // learn more here: https://kcd.im/auth
diff --git a/src/examples/counter-after.js b/src/examples/counter-after.js
index 212c2610..06ed0741 100644
--- a/src/examples/counter-after.js
+++ b/src/examples/counter-after.js
@@ -1,6 +1,6 @@
 // http://localhost:3000/isolated/examples/counter-after.js
 
-import React from 'react'
+import * as React from 'react'
 
 // src/context/counter.js
 const CounterContext = React.createContext()
diff --git a/src/examples/counter-before.js b/src/examples/counter-before.js
index 543451d8..0f2a4755 100644
--- a/src/examples/counter-before.js
+++ b/src/examples/counter-before.js
@@ -1,6 +1,6 @@
 // http://localhost:3000/isolated/examples/counter-before.js
 
-import React from 'react'
+import * as React from 'react'
 
 // src/context/counter.js
 const CounterContext = React.createContext()
diff --git a/src/examples/warnings.js b/src/examples/warnings.js
index bef91bad..7c9170ff 100644
--- a/src/examples/warnings.js
+++ b/src/examples/warnings.js
@@ -1,6 +1,6 @@
 // http://localhost:3000/isolated/examples/warnings.js
 
-import React from 'react'
+import * as React from 'react'
 
 function App() {
   const [name, setName] = React.useState()
diff --git a/src/exercise/01.js b/src/exercise/01.js
index 787602b8..9102fde5 100644
--- a/src/exercise/01.js
+++ b/src/exercise/01.js
@@ -1,7 +1,7 @@
 // Context Module Functions
 // http://localhost:3000/isolated/exercise/01.js
 
-import React from 'react'
+import * as React from 'react'
 import {dequal} from 'dequal'
 
 // ./context/user-context.js
diff --git a/src/exercise/02.js b/src/exercise/02.js
index a6f3d8eb..3fc2acc7 100644
--- a/src/exercise/02.js
+++ b/src/exercise/02.js
@@ -1,7 +1,7 @@
 // Compound Components
 // http://localhost:3000/isolated/exercise/02.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 function Toggle() {
diff --git a/src/exercise/03.js b/src/exercise/03.js
index 576f1ea0..497f2e87 100644
--- a/src/exercise/03.js
+++ b/src/exercise/03.js
@@ -1,7 +1,7 @@
 // Flexible Compound Components
 // http://localhost:3000/isolated/exercise/03.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 // 🐨 create your ToggleContext context here
diff --git a/src/exercise/04.js b/src/exercise/04.js
index d2e1cf24..52c7294e 100644
--- a/src/exercise/04.js
+++ b/src/exercise/04.js
@@ -1,7 +1,7 @@
 // Prop Collections and Getters
 // http://localhost:3000/isolated/exercise/04.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 function useToggle() {
diff --git a/src/exercise/05.js b/src/exercise/05.js
index 59583ef1..719ea8ef 100644
--- a/src/exercise/05.js
+++ b/src/exercise/05.js
@@ -1,7 +1,7 @@
 // State Reducer
 // http://localhost:3000/isolated/exercise/05.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 const callAll = (...fns) => (...args) => fns.forEach(fn => fn?.(...args))
diff --git a/src/exercise/06.js b/src/exercise/06.js
index 01647b9d..aa9155ef 100644
--- a/src/exercise/06.js
+++ b/src/exercise/06.js
@@ -1,7 +1,7 @@
 // Control Props
 // http://localhost:3000/isolated/exercise/06.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 const callAll = (...fns) => (...args) => fns.forEach(fn => fn?.(...args))
diff --git a/src/final/01.js b/src/final/01.js
index 9bc0d629..a6c85e0a 100644
--- a/src/final/01.js
+++ b/src/final/01.js
@@ -1,7 +1,7 @@
 // Context Module Functions
 // http://localhost:3000/isolated/final/01.js
 
-import React from 'react'
+import * as React from 'react'
 import {dequal} from 'dequal'
 
 // ./context/user-context.js
diff --git a/src/final/02.extra-1.js b/src/final/02.extra-1.js
index 143e6958..3faadbd6 100644
--- a/src/final/02.extra-1.js
+++ b/src/final/02.extra-1.js
@@ -2,7 +2,7 @@
 // 💯 Support non-toggle children
 // http://localhost:3000/isolated/final/02.extra-1.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 function Toggle({children}) {
diff --git a/src/final/02.js b/src/final/02.js
index 2fc2aadb..9fda459d 100644
--- a/src/final/02.js
+++ b/src/final/02.js
@@ -1,7 +1,7 @@
 // Compound Components
 // http://localhost:3000/isolated/final/02.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 function Toggle({children}) {
diff --git a/src/final/03.extra-1.js b/src/final/03.extra-1.js
index 75ff2665..2f0df34e 100644
--- a/src/final/03.extra-1.js
+++ b/src/final/03.extra-1.js
@@ -2,7 +2,7 @@
 // 💯 custom hook validation
 // http://localhost:3000/isolated/final/03.extra-1.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 const ToggleContext = React.createContext()
diff --git a/src/final/03.js b/src/final/03.js
index 31f6999c..bda20288 100644
--- a/src/final/03.js
+++ b/src/final/03.js
@@ -1,7 +1,7 @@
 // Flexible Compound Components with context
 // http://localhost:3000/isolated/final/03.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 const ToggleContext = React.createContext()
diff --git a/src/final/04.extra-1.js b/src/final/04.extra-1.js
index 29fa10c4..2c6496f3 100644
--- a/src/final/04.extra-1.js
+++ b/src/final/04.extra-1.js
@@ -2,7 +2,7 @@
 // 💯 prop getters
 // http://localhost:3000/isolated/final/04.extra-1.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 const callAll = (...fns) => (...args) => fns.forEach(fn => fn?.(...args))
diff --git a/src/final/04.js b/src/final/04.js
index 3b0c8b23..b7a367fe 100644
--- a/src/final/04.js
+++ b/src/final/04.js
@@ -1,7 +1,7 @@
 // Prop Collections and Getters
 // http://localhost:3000/isolated/final/04.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 function useToggle() {
diff --git a/src/final/05.extra-1.js b/src/final/05.extra-1.js
index ce3fcd21..86478fd7 100644
--- a/src/final/05.extra-1.js
+++ b/src/final/05.extra-1.js
@@ -2,7 +2,7 @@
 // 💯 default state reducer
 // http://localhost:3000/isolated/final/05.extra-1.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 const callAll = (...fns) => (...args) => fns.forEach(fn => fn?.(...args))
diff --git a/src/final/05.extra-2.js b/src/final/05.extra-2.js
index 8bff850c..75c7948b 100644
--- a/src/final/05.extra-2.js
+++ b/src/final/05.extra-2.js
@@ -2,7 +2,7 @@
 // 💯 state reducer action types
 // http://localhost:3000/isolated/final/05.extra-2.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 const callAll = (...fns) => (...args) => fns.forEach(fn => fn?.(...args))
diff --git a/src/final/05.js b/src/final/05.js
index 66a1677b..34a58eac 100644
--- a/src/final/05.js
+++ b/src/final/05.js
@@ -1,7 +1,7 @@
 // state reducer
 // http://localhost:3000/isolated/final/05.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 const callAll = (...fns) => (...args) => fns.forEach(fn => fn?.(...args))
diff --git a/src/final/06.extra-1.js b/src/final/06.extra-1.js
index 5b1a322e..6bdac0fc 100644
--- a/src/final/06.extra-1.js
+++ b/src/final/06.extra-1.js
@@ -2,7 +2,7 @@
 // 💯 add read only warning
 // http://localhost:3000/isolated/final/06.extra-1.js
 
-import React from 'react'
+import * as React from 'react'
 import warning from 'warning'
 import {Switch} from '../switch'
 
diff --git a/src/final/06.extra-2.js b/src/final/06.extra-2.js
index f1e16397..6ee7df47 100644
--- a/src/final/06.extra-2.js
+++ b/src/final/06.extra-2.js
@@ -2,7 +2,7 @@
 // 💯 add a controlled state warning
 // http://localhost:3000/isolated/final/06.extra-2.js
 
-import React from 'react'
+import * as React from 'react'
 import warning from 'warning'
 import {Switch} from '../switch'
 
diff --git a/src/final/06.extra-3.js b/src/final/06.extra-3.js
index a1153f87..a317abb8 100644
--- a/src/final/06.extra-3.js
+++ b/src/final/06.extra-3.js
@@ -2,7 +2,7 @@
 // 💯 extract warnings to a custom hook
 // http://localhost:3000/isolated/final/06.extra-3.js
 
-import React from 'react'
+import * as React from 'react'
 import warning from 'warning'
 import {Switch} from '../switch'
 
diff --git a/src/final/06.extra-4.js b/src/final/06.extra-4.js
index bcfb8f82..d1099ce4 100644
--- a/src/final/06.extra-4.js
+++ b/src/final/06.extra-4.js
@@ -2,7 +2,7 @@
 // 💯 don't warn in production
 // http://localhost:3000/isolated/final/06.extra-4.js
 
-import React from 'react'
+import * as React from 'react'
 import warning from 'warning'
 import {Switch} from '../switch'
 
diff --git a/src/final/06.js b/src/final/06.js
index 641606cb..42e49fab 100644
--- a/src/final/06.js
+++ b/src/final/06.js
@@ -1,7 +1,7 @@
 // Control Props
 // http://localhost:3000/isolated/final/06.js
 
-import React from 'react'
+import * as React from 'react'
 import {Switch} from '../switch'
 
 const callAll = (...fns) => (...args) => fns.forEach(fn => fn?.(...args))
diff --git a/src/switch.js b/src/switch.js
index 67b87225..072bb611 100644
--- a/src/switch.js
+++ b/src/switch.js
@@ -1,5 +1,5 @@
 import './switch.styles.css'
-import React from 'react'
+import * as React from 'react'
 
 // STOP! You should not have to change anything in this file to
 // make it through the workshop. If tests are failing because of
diff --git a/test/utils.js b/test/utils.js
index dc489193..bdc24dac 100644
--- a/test/utils.js
+++ b/test/utils.js
@@ -1,7 +1,7 @@
 import {alfredTip} from '@kentcdodds/react-workshop-app/test-utils'
 import {render} from '@testing-library/react'
 import userEvent from '@testing-library/user-event'
-import React from 'react'
+import * as React from 'react'
 import {
   findAllInRenderedTree,
   isCompositeComponentWithType,