chore: update React imports (#811)

Author: MichaelDeBoey

README.md

@@ -154,7 +154,7 @@ afterAll(() => {
 
 ```jsx
 // hidden-message.js
-import React from 'react'
+import * as React from 'react'
 
 // NOTE: React Testing Library works well with React Hooks and classes.
 // Your tests will be the same regardless of how you write your components.
@@ -184,7 +184,7 @@ export default HiddenMessage
 import '@testing-library/jest-dom'
 // NOTE: jest-dom adds handy assertions to Jest and is recommended, but not required
 
-import React from 'react'
+import * as React from 'react'
 import {render, fireEvent, screen} from '@testing-library/react'
 import HiddenMessage from '../hidden-message'
 
@@ -209,7 +209,7 @@ test('shows the children when the checkbox is checked', () => {
 
 ```jsx
 // login.js
-import React from 'react'
+import * as React from 'react'
 
 function Login() {
   const [state, setState] = React.useReducer((s, a) => ({...s, ...a}), {
@@ -233,9 +233,7 @@ function Login() {
           password: passwordInput.value,
         }),
       })
-      .then((r) =>
-        r.json().then((data) => (r.ok ? data : Promise.reject(data)))
-      )
+      .then(r => r.json().then(data => (r.ok ? data : Promise.reject(data))))
       .then(
         user => {
           setState({loading: false, resolved: true, error: null})
@@ -276,15 +274,15 @@ export default Login
 // again, these first two imports are something you'd normally handle in
 // your testing framework configuration rather than importing them in every file.
 import '@testing-library/jest-dom'
-import React from 'react'
+import * as React from 'react'
 // import API mocking utilities from Mock Service Worker.
 import {rest} from 'msw'
 import {setupServer} from 'msw/node'
 // import testing utilities
 import {render, fireEvent, screen} from '@testing-library/react'
 import Login from '../login'
 
-const fakeUserResponse = { token: 'fake_user_token' }
+const fakeUserResponse = {token: 'fake_user_token'}
 const server = setupServer(
   rest.post('/api/login', (req, res, ctx) => {
     return res(ctx.json(fakeUserResponse))
@@ -400,8 +398,8 @@ principles:
     `react-dom`.
 3.  Utility implementations and APIs should be simple and flexible.
 
-Most importantly, we want React Testing Library to be pretty
-light-weight, simple, and easy to understand.
+Most importantly, we want React Testing Library to be pretty light-weight,
+simple, and easy to understand.
 
 ## Docs
 
@@ -410,8 +408,7 @@ light-weight, simple, and easy to understand.
 
 ## Issues
 
-Looking to contribute? Look for the [Good First Issue][good-first-issue]
-label.
+Looking to contribute? Look for the [Good First Issue][good-first-issue] label.
 
 ### 🐛 Bugs
 
@@ -607,6 +604,7 @@ Thanks goes to these people ([emoji key][emojis]):
 
 <!-- markdownlint-enable -->
 <!-- prettier-ignore-end -->
+
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors][all-contributors] specification.

src/__tests__/act.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render, fireEvent, screen} from '../'
 
 test('render calls useEffect immediately', () => {

src/__tests__/auto-cleanup-skip.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 let render
 beforeAll(() => {

src/__tests__/auto-cleanup.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render} from '../'
 
 // This just verifies that by importing RTL in an

src/__tests__/cleanup.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render, cleanup} from '../'
 
 test('cleans up the document', () => {

src/__tests__/debug.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render, screen} from '../'
 
 beforeEach(() => {

src/__tests__/end-to-end.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render, waitForElementToBeRemoved, screen} from '../'
 
 const fetchAMessage = () =>

src/__tests__/events.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render, fireEvent} from '../'
 
 const eventTypes = [

src/__tests__/multi-base.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render} from '../'
 
 // these are created once per test suite and reused for each case

src/__tests__/render.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ReactDOM from 'react-dom'
 import {render, screen} from '../'
 

src/__tests__/rerender.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render} from '../'
 
 test('rerender will re-render the element', () => {

src/__tests__/stopwatch.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render, fireEvent, screen} from '../'
 
 class StopWatch extends React.Component {

src/act-compat.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ReactDOM from 'react-dom'
 import * as testUtils from 'react-dom/test-utils'
 

src/pure.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ReactDOM from 'react-dom'
 import {
   getQueriesForElement,