diff --git a/README.md b/README.md
index ba9848ea..a43cb5a6 100644
--- a/README.md
+++ b/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,7 +274,7 @@ 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'
@@ -284,7 +282,7 @@ import {setupServer} from 'msw/node'
 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.
diff --git a/src/__tests__/act.js b/src/__tests__/act.js
index 97438d77..b60aac37 100644
--- a/src/__tests__/act.js
+++ b/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', () => {
diff --git a/src/__tests__/auto-cleanup-skip.js b/src/__tests__/auto-cleanup-skip.js
index e5ef35ae..5696d4e3 100644
--- a/src/__tests__/auto-cleanup-skip.js
+++ b/src/__tests__/auto-cleanup-skip.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 
 let render
 beforeAll(() => {
diff --git a/src/__tests__/auto-cleanup.js b/src/__tests__/auto-cleanup.js
index 27debe45..450a6136 100644
--- a/src/__tests__/auto-cleanup.js
+++ b/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
diff --git a/src/__tests__/cleanup.js b/src/__tests__/cleanup.js
index 4b67814a..6043ae06 100644
--- a/src/__tests__/cleanup.js
+++ b/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', () => {
diff --git a/src/__tests__/debug.js b/src/__tests__/debug.js
index 14c0779a..e4e9faa0 100644
--- a/src/__tests__/debug.js
+++ b/src/__tests__/debug.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render, screen} from '../'
 
 beforeEach(() => {
diff --git a/src/__tests__/end-to-end.js b/src/__tests__/end-to-end.js
index cbbf0973..87c70f1b 100644
--- a/src/__tests__/end-to-end.js
+++ b/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 = () =>
diff --git a/src/__tests__/events.js b/src/__tests__/events.js
index 0e28848f..8a6899af 100644
--- a/src/__tests__/events.js
+++ b/src/__tests__/events.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import {render, fireEvent} from '../'
 
 const eventTypes = [
diff --git a/src/__tests__/multi-base.js b/src/__tests__/multi-base.js
index 06ad0902..ef5a7e11 100644
--- a/src/__tests__/multi-base.js
+++ b/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
diff --git a/src/__tests__/render.js b/src/__tests__/render.js
index 4e78afa6..fdc1ff4c 100644
--- a/src/__tests__/render.js
+++ b/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 '../'
 
diff --git a/src/__tests__/rerender.js b/src/__tests__/rerender.js
index 7cb9156d..f8ea377e 100644
--- a/src/__tests__/rerender.js
+++ b/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', () => {
diff --git a/src/__tests__/stopwatch.js b/src/__tests__/stopwatch.js
index 3fe423b1..eeaf395c 100644
--- a/src/__tests__/stopwatch.js
+++ b/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 {
diff --git a/src/act-compat.js b/src/act-compat.js
index e999ecfe..40ecdab9 100644
--- a/src/act-compat.js
+++ b/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'
 
diff --git a/src/pure.js b/src/pure.js
index 8a062038..75098f78 100644
--- a/src/pure.js
+++ b/src/pure.js
@@ -1,4 +1,4 @@
-import React from 'react'
+import * as React from 'react'
 import ReactDOM from 'react-dom'
 import {
   getQueriesForElement,