facebook · nickserv · Oct 25, 2020 · Oct 25, 2020 · Oct 27, 2020 · Jun 8, 2022
diff --git a/docusaurus/docs/adding-a-css-modules-stylesheet.md b/docusaurus/docs/adding-a-css-modules-stylesheet.md
@@ -31,7 +31,7 @@ CSS Modules let you use the same CSS class name in different files without worry
 ## `Button.js`
 
 ```js
-import React, { Component } from 'react';
+import { Component } from 'react';
 import styles from './Button.module.css'; // Import css modules stylesheet as styles
 import './another-stylesheet.css'; // Import regular stylesheet
 

diff --git a/docusaurus/docs/adding-a-stylesheet.md b/docusaurus/docs/adding-a-stylesheet.md
@@ -17,7 +17,7 @@ This project setup uses [webpack](https://webpack.js.org/) for handling all asse
 ## `Button.js`
 
 ```js
-import React, { Component } from 'react';
+import { Component } from 'react';
 import './Button.css'; // Tell webpack that Button.js uses these styles
 
 class Button extends Component {

diff --git a/docusaurus/docs/adding-images-fonts-and-files.md b/docusaurus/docs/adding-images-fonts-and-files.md
@@ -12,7 +12,6 @@ To reduce the number of requests to the server, importing images that are less t
 Here is an example:
 
 ```js
-import React from 'react';
 import logo from './logo.png'; // Tell webpack this JS file uses this image
 
 console.log(logo); // /logo.84287d09.png

diff --git a/docusaurus/docs/code-splitting.md b/docusaurus/docs/code-splitting.md
@@ -20,7 +20,7 @@ export { moduleA };
 ## `App.js`
 
 ```js
-import React, { Component } from 'react';
+import { Component } from 'react';
 
 class App extends Component {
   handleClick = () => {

diff --git a/docusaurus/docs/importing-a-component.md b/docusaurus/docs/importing-a-component.md
@@ -12,7 +12,7 @@ For example:
 ## `Button.js`
 
 ```js
-import React, { Component } from 'react';
+import { Component } from 'react';
 
 class Button extends Component {
   render() {
@@ -26,7 +26,7 @@ export default Button; // Don’t forget to use export default!
 ## `DangerButton.js`
 
 ```js
-import React, { Component } from 'react';
+import { Component } from 'react';
 import Button from './Button'; // Import a component from another file
 
 class DangerButton extends Component {

diff --git a/docusaurus/docs/running-tests.md b/docusaurus/docs/running-tests.md
@@ -71,7 +71,6 @@ There is a broad spectrum of component testing techniques. They range from a “
 Different projects choose different testing tradeoffs based on how often components change, and how much logic they contain. If you haven’t decided on a testing strategy yet, we recommend that you start with creating basic smoke tests for your components:
 
 ```js
-import React from 'react';
 import ReactDOM from 'react-dom';
 import App from './App';
 
@@ -112,7 +111,6 @@ import '@testing-library/jest-dom';
 Here's an example of using `react-testing-library` and `jest-dom` for testing that the `<App />` component renders "Learn React".
 
 ```js
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import App from './App';
 

diff --git a/docusaurus/website/src/pages/index.js b/docusaurus/website/src/pages/index.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
 import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import useBaseUrl from '@docusaurus/useBaseUrl';

diff --git a/packages/cra-template-typescript/template/src/App.test.tsx b/packages/cra-template-typescript/template/src/App.test.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import App from './App';
 

diff --git a/packages/cra-template-typescript/template/src/App.tsx b/packages/cra-template-typescript/template/src/App.tsx
@@ -1,4 +1,3 @@
-import React from 'react';
 import logo from './logo.svg';
 import './App.css';
 

diff --git a/packages/cra-template-typescript/template/src/index.tsx b/packages/cra-template-typescript/template/src/index.tsx
@@ -1,4 +1,4 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
@@ -8,9 +8,9 @@ const root = ReactDOM.createRoot(
   document.getElementById('root') as HTMLElement
 );
 root.render(
-  <React.StrictMode>
+  <StrictMode>
     <App />
-  </React.StrictMode>
+  </StrictMode>
 );
 
 // If you want to start measuring performance in your app, pass a function

diff --git a/packages/cra-template/template/src/index.js b/packages/cra-template/template/src/index.js
@@ -1,14 +1,14 @@
-import React from 'react';
+import { StrictMode } from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
 import App from './App';
 import reportWebVitals from './reportWebVitals';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
-  <React.StrictMode>
+  <StrictMode>
     <App />
-  </React.StrictMode>
+  </StrictMode>
 );
 
 // If you want to start measuring performance in your app, pass a function

diff --git a/packages/react-error-overlay/src/components/CloseButton.js b/packages/react-error-overlay/src/components/CloseButton.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { ThemeContext } from '../iframeScript';
 import type { Theme } from '../styles';
 

diff --git a/packages/react-error-overlay/src/components/CodeBlock.js b/packages/react-error-overlay/src/components/CodeBlock.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { ThemeContext } from '../iframeScript';
 
 const _preStyle = {

diff --git a/packages/react-error-overlay/src/components/Collapsible.js b/packages/react-error-overlay/src/components/Collapsible.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { useState, useContext } from 'react';
+import { useState, useContext } from 'react';
 import { ThemeContext } from '../iframeScript';
 
 import type { Element as ReactElement } from 'react';

diff --git a/packages/react-error-overlay/src/components/ErrorOverlay.js b/packages/react-error-overlay/src/components/ErrorOverlay.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { useContext, useEffect } from 'react';
+import { useContext, useEffect } from 'react';
 import { ThemeContext } from '../iframeScript';
 
 import type { Node as ReactNode } from 'react';

diff --git a/packages/react-error-overlay/src/components/Footer.js b/packages/react-error-overlay/src/components/Footer.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { ThemeContext } from '../iframeScript';
 import type { Theme } from '../styles';
 

diff --git a/packages/react-error-overlay/src/components/Header.js b/packages/react-error-overlay/src/components/Header.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { ThemeContext } from '../iframeScript';
 import type { Theme } from '../styles';
 

diff --git a/packages/react-error-overlay/src/components/NavigationBar.js b/packages/react-error-overlay/src/components/NavigationBar.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { ThemeContext } from '../iframeScript';
 import type { Theme } from '../styles';
 

diff --git a/packages/react-error-overlay/src/containers/CompileErrorContainer.js b/packages/react-error-overlay/src/containers/CompileErrorContainer.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { ThemeContext } from '../iframeScript';
 import ErrorOverlay from '../components/ErrorOverlay';
 import Footer from '../components/Footer';

diff --git a/packages/react-error-overlay/src/containers/RuntimeError.js b/packages/react-error-overlay/src/containers/RuntimeError.js
@@ -6,7 +6,6 @@
  */
 
 /* @flow */
-import React from 'react';
 import Header from '../components/Header';
 import StackTrace from './StackTrace';
 

diff --git a/packages/react-error-overlay/src/containers/RuntimeErrorContainer.js b/packages/react-error-overlay/src/containers/RuntimeErrorContainer.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { PureComponent } from 'react';
+import { PureComponent } from 'react';
 import ErrorOverlay from '../components/ErrorOverlay';
 import CloseButton from '../components/CloseButton';
 import NavigationBar from '../components/NavigationBar';

diff --git a/packages/react-error-overlay/src/containers/StackFrame.js b/packages/react-error-overlay/src/containers/StackFrame.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { useState, useContext } from 'react';
+import { useState, useContext } from 'react';
 import { ThemeContext } from '../iframeScript';
 import CodeBlock from './StackFrameCodeBlock';
 import { getPrettyURL } from '../utils/getPrettyURL';

diff --git a/packages/react-error-overlay/src/containers/StackFrameCodeBlock.js b/packages/react-error-overlay/src/containers/StackFrameCodeBlock.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { ThemeContext } from '../iframeScript';
 import CodeBlock from '../components/CodeBlock';
 import { absolutifyCaret } from '../utils/dom/absolutifyCaret';

diff --git a/packages/react-error-overlay/src/containers/StackTrace.js b/packages/react-error-overlay/src/containers/StackTrace.js
@@ -6,7 +6,7 @@
  */
 
 /* @flow */
-import React, { Component } from 'react';
+import { Component } from 'react';
 import StackFrame from './StackFrame';
 import Collapsible from '../components/Collapsible';
 import { isInternalFile } from '../utils/isInternalFile';

diff --git a/packages/react-error-overlay/src/iframeScript.js b/packages/react-error-overlay/src/iframeScript.js
@@ -6,7 +6,7 @@
  */
 
 import 'react-app-polyfill/ie9';
-import React, { createContext } from 'react';
+import { createContext } from 'react';
 import ReactDOM from 'react-dom';
 import CompileErrorContainer from './containers/CompileErrorContainer';
 import RuntimeErrorContainer from './containers/RuntimeErrorContainer';

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/App.js b/packages/react-scripts/fixtures/kitchensink/template/src/App.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, { Component, createElement } from 'react';
+import { Component, createElement } from 'react';
 import PropTypes from 'prop-types';
 
 class BuiltEmitter extends Component {

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/config/BaseUrl.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/config/BaseUrl.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 import load from 'absoluteLoad';
 

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/config/BaseUrl.test.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/config/BaseUrl.test.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
 import ReactDOM from 'react-dom';
 import NodePath from './BaseUrl';
 

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/env/ExpandEnvVariables.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/env/ExpandEnvVariables.js
@@ -5,8 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
-
 const ExpandEnvVariables = () => (
   <span>
     <span id="feature-expand-env-1">{process.env.REACT_APP_BASIC}</span>

diff --git a/...s/react-scripts/fixtures/kitchensink/template/src/features/env/ExpandEnvVariables.test.js b/...s/react-scripts/fixtures/kitchensink/template/src/features/env/ExpandEnvVariables.test.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
 import ReactDOM from 'react-dom';
 import ExpandEnvVariables from './ExpandEnvVariables';
 

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/env/FileEnvVariables.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/env/FileEnvVariables.js
@@ -5,8 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
-
 const FileEnvVariables = () => (
   <span>
     <span id="feature-file-env-original-1">

diff --git a/...ges/react-scripts/fixtures/kitchensink/template/src/features/env/FileEnvVariables.test.js b/...ges/react-scripts/fixtures/kitchensink/template/src/features/env/FileEnvVariables.test.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
 import ReactDOM from 'react-dom';
 import FileEnvVariables from './FileEnvVariables';
 

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/env/PublicUrl.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/env/PublicUrl.js
@@ -5,8 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
-
 const PublicUrl = () => (
   <span id="feature-public-url">{process.env.PUBLIC_URL}.</span>
 );

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/env/PublicUrl.test.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/env/PublicUrl.test.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
 import ReactDOM from 'react-dom';
 import PublicUrl from './PublicUrl';
 

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/env/ShellEnvVariables.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/env/ShellEnvVariables.js
@@ -5,8 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
-
 const ShellEnvVariables = () => (
   <span id="feature-shell-env-variables">
     {process.env.REACT_APP_SHELL_ENV_MESSAGE}.

diff --git a/...es/react-scripts/fixtures/kitchensink/template/src/features/env/ShellEnvVariables.test.js b/...es/react-scripts/fixtures/kitchensink/template/src/features/env/ShellEnvVariables.test.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
 import ReactDOM from 'react-dom';
 import ShellEnvVariables from './ShellEnvVariables';
 

diff --git a/...ges/react-scripts/fixtures/kitchensink/template/src/features/syntax/ArrayDestructuring.js b/...ges/react-scripts/fixtures/kitchensink/template/src/features/syntax/ArrayDestructuring.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 
 function load() {

diff --git a/...eact-scripts/fixtures/kitchensink/template/src/features/syntax/ArrayDestructuring.test.js b/...eact-scripts/fixtures/kitchensink/template/src/features/syntax/ArrayDestructuring.test.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
 import ReactDOM from 'react-dom';
 import ArrayDestructuring from './ArrayDestructuring';
 

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/syntax/ArraySpread.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/syntax/ArraySpread.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 
 function load(users) {

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/syntax/ArraySpread.test.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/syntax/ArraySpread.test.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
 import ReactDOM from 'react-dom';
 import ArraySpread from './ArraySpread';
 

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/syntax/AsyncAwait.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/syntax/AsyncAwait.js
@@ -1,11 +1,4 @@
-/**
- * Copyright (c) 2015-present, Facebook, Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import React, { Component } from 'react';
+import { Component } from 'react';
 import PropTypes from 'prop-types';
 
 async function load() {

diff --git a/packages/react-scripts/fixtures/kitchensink/template/src/features/syntax/AsyncAwait.test.js b/packages/react-scripts/fixtures/kitchensink/template/src/features/syntax/AsyncAwait.test.js
@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import React from 'react';
 import ReactDOM from 'react-dom';
 import AsyncAwait from './AsyncAwait';