@samitouri / QOS-React / commits / 09348798a9

Codemod to import * as React from "react"; (#18102)

* import * as React from "react"; This is the correct way to import React from an ES module since the ES module will not have a default export. Only named exports. * import * as ReactDOM from "react-dom"

Sebastian Markbåge committed Feb 21, 2020 at 19:45 UTC 09348798a912c8682e57c35842aa7a007e13fdb9
116 files changed +195 -142
packages/create-subscription/src/createSubscription.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import invariant from 'shared/invariant';
12
13 type Unsubscribe = () => void;
packages/react-art/src/ReactART.js
+1 -1
@@ -5,7 +5,7 @@
5 * LICENSE file in the root directory of this source tree.
6 */
7
8 -import React from 'react';
8 +import * as React from 'react';
9 import ReactVersion from 'shared/ReactVersion';
10 import {LegacyRoot} from 'shared/ReactRootTags';
11 import {
packages/react-cache/src/ReactCache.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 import {createLRU} from './LRU';
13
packages/react-devtools-inline/src/frontend.js
+2 -1
@@ -1,6 +1,7 @@
1 /** @flow */
2
3 -import React, {forwardRef} from 'react';
3 +import * as React from 'react';
4 +import {forwardRef} from 'react';
5 import Bridge from 'react-devtools-shared/src/bridge';
6 import Store from 'react-devtools-shared/src/devtools/store';
7 import DevTools from 'react-devtools-shared/src/devtools/views/DevTools';
packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenu.js
+2 -7
@@ -7,13 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
11 - useContext,
12 - useEffect,
13 - useLayoutEffect,
14 - useRef,
15 - useState,
16 -} from 'react';
10 +import * as React from 'react';
11 +import {useContext, useEffect, useLayoutEffect, useRef, useState} from 'react';
12 import {createPortal} from 'react-dom';
13 import {RegistryContext} from './Contexts';
14
packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenuItem.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useContext} from 'react';
10 +import * as React from 'react';
11 +import {useContext} from 'react';
12 import {RegistryContext} from './Contexts';
13
14 import styles from './ContextMenuItem.css';
packages/react-devtools-shared/src/devtools/cache.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {createContext} from 'react';
10 +import * as React from 'react';
11 +import {createContext} from 'react';
12
13 // Cache implementation was forked from the React repo:
14 // https://github.com/facebook/react/blob/master/packages/react-cache/src/ReactCache.js
packages/react-devtools-shared/src/devtools/views/Button.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import Tooltip from '@reach/tooltip';
12
13 import styles from './Button.css';
packages/react-devtools-shared/src/devtools/views/ButtonIcon.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import styles from './ButtonIcon.css';
12
13 export type IconType =
packages/react-devtools-shared/src/devtools/views/Components/Badge.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment} from 'react';
10 +import * as React from 'react';
11 +import {Fragment} from 'react';
12 import {
13 ElementTypeMemo,
14 ElementTypeForwardRef,
packages/react-devtools-shared/src/devtools/views/Components/Components.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Suspense} from 'react';
10 +import * as React from 'react';
11 +import {Suspense} from 'react';
12 import Tree from './Tree';
13 import SelectedElement from './SelectedElement';
14 import {InspectedElementContextController} from './InspectedElementContext';
packages/react-devtools-shared/src/devtools/views/Components/EditableName.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback, useState} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useState} from 'react';
12 import AutoSizeInput from './NativeStyleEditor/AutoSizeInput';
13 import styles from './EditableName.css';
14
packages/react-devtools-shared/src/devtools/views/Components/EditableValue.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useRef} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useRef} from 'react';
12 import styles from './EditableValue.css';
13 import {useEditableValue} from '../hooks';
14
packages/react-devtools-shared/src/devtools/views/Components/Element.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useContext, useMemo, useState} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useContext, useMemo, useState} from 'react';
12 import Store from 'react-devtools-shared/src/devtools/store';
13 import Badge from './Badge';
14 import ButtonIcon from '../ButtonIcon';
packages/react-devtools-shared/src/devtools/views/Components/ExpandCollapseToggle.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import Button from '../Button';
12 import ButtonIcon from '../ButtonIcon';
13
packages/react-devtools-shared/src/devtools/views/Components/HocBadges.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import {
12 ElementTypeForwardRef,
13 ElementTypeMemo,
packages/react-devtools-shared/src/devtools/views/Components/HooksTree.js
+2 -1
@@ -8,7 +8,8 @@
8 */
9
10 import {copy} from 'clipboard-js';
11 -import React, {useCallback, useContext, useRef, useState} from 'react';
11 +import * as React from 'react';
12 +import {useCallback, useContext, useRef, useState} from 'react';
13 import {BridgeContext, StoreContext} from '../context';
14 import Button from '../Button';
15 import ButtonIcon from '../ButtonIcon';
packages/react-devtools-shared/src/devtools/views/Components/InspectHostNodesToggle.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback, useContext, useEffect, useState} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useContext, useEffect, useState} from 'react';
12 import {BridgeContext} from '../context';
13 import Toggle from '../Toggle';
14 import ButtonIcon from '../ButtonIcon';
packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContext.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
10 +import * as React from 'react';
11 +import {
12 createContext,
13 useCallback,
14 useContext,
packages/react-devtools-shared/src/devtools/views/Components/InspectedElementTree.js
+2 -1
@@ -8,7 +8,8 @@
8 */
9
10 import {copy} from 'clipboard-js';
11 -import React, {useCallback, useState} from 'react';
11 +import * as React from 'react';
12 +import {useCallback, useState} from 'react';
13 import Button from '../Button';
14 import ButtonIcon from '../ButtonIcon';
15 import KeyValue from './KeyValue';
packages/react-devtools-shared/src/devtools/views/Components/KeyValue.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useEffect, useRef, useState} from 'react';
10 +import * as React from 'react';
11 +import {useEffect, useRef, useState} from 'react';
12 import EditableValue from './EditableValue';
13 import ExpandCollapseToggle from './ExpandCollapseToggle';
14 import {alphaSortEntries, getMetaValueLabel} from '../utils';
packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/AutoSizeInput.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useLayoutEffect, useRef} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useLayoutEffect, useRef} from 'react';
12 import styles from './AutoSizeInput.css';
13
14 type Props = {
packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import styles from './LayoutViewer.css';
12
13 import type {Layout} from './types';
packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useContext, useMemo, useRef, useState} from 'react';
10 +import * as React from 'react';
11 +import {useContext, useMemo, useRef, useState} from 'react';
12 import {unstable_batchedUpdates as batchedUpdates} from 'react-dom';
13 import {copy} from 'clipboard-js';
14 import {
packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
10 +import * as React from 'react';
11 +import {
12 createContext,
13 useCallback,
14 useContext,
packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useContext, useMemo} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useContext, useMemo} from 'react';
12 import {StoreContext} from 'react-devtools-shared/src/devtools/views/context';
13 import {useSubscription} from 'react-devtools-shared/src/devtools/views/hooks';
14 import {NativeStyleContext} from './context';
packages/react-devtools-shared/src/devtools/views/Components/OwnersListContext.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {createContext, useCallback, useContext, useEffect} from 'react';
10 +import * as React from 'react';
11 +import {createContext, useCallback, useContext, useEffect} from 'react';
12 import {createResource} from '../../cache';
13 import {BridgeContext, StoreContext} from '../context';
14 import {TreeStateContext} from './TreeContext';
packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.js
+2 -1
@@ -6,7 +6,8 @@
6 *
7 * @flow
8 */
9 -import React, {
9 +import * as React from 'react';
10 +import {
11 Fragment,
12 useCallback,
13 useContext,
packages/react-devtools-shared/src/devtools/views/Components/SearchInput.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback, useContext, useEffect, useRef} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useContext, useEffect, useRef} from 'react';
12 import {TreeDispatcherContext, TreeStateContext} from './TreeContext';
13 import Button from '../Button';
14 import ButtonIcon from '../ButtonIcon';
packages/react-devtools-shared/src/devtools/views/Components/SelectedElement.js
+2 -1
@@ -8,7 +8,8 @@
8 */
9
10 import {copy} from 'clipboard-js';
11 -import React, {Fragment, useCallback, useContext} from 'react';
11 +import * as React from 'react';
12 +import {Fragment, useCallback, useContext} from 'react';
13 import {TreeDispatcherContext, TreeStateContext} from './TreeContext';
14 import {BridgeContext, ContextMenuContext, StoreContext} from '../context';
15 import ContextMenu from '../../ContextMenu/ContextMenu';
packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useContext, useMemo} from 'react';
10 +import * as React from 'react';
11 +import {useContext, useMemo} from 'react';
12 import {TreeStateContext} from './TreeContext';
13 import {SettingsContext} from '../Settings/SettingsContext';
14 import TreeFocusedContext from './TreeFocusedContext';
packages/react-devtools-shared/src/devtools/views/Components/Tree.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
10 +import * as React from 'react';
11 +import {
12 Fragment,
13 Suspense,
14 useCallback,
packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js
+2 -1
@@ -24,7 +24,8 @@
24 // For this reason, changes to the tree context are processed in sequence: tree -> search -> owners
25 // This enables each section to potentially override (or mask) previous values.
26
27 -import React, {
27 +import * as React from 'react';
28 +import {
29 createContext,
30 useCallback,
31 useContext,
packages/react-devtools-shared/src/devtools/views/DevTools.js
+2 -1
@@ -12,7 +12,8 @@
12 import '@reach/menu-button/styles.css';
13 import '@reach/tooltip/styles.css';
14
15 -import React, {useEffect, useMemo, useState} from 'react';
15 +import * as React from 'react';
16 +import {useEffect, useMemo, useState} from 'react';
17 import Store from '../store';
18 import {BridgeContext, ContextMenuContext, StoreContext} from './context';
19 import Components from './Components/Components';
packages/react-devtools-shared/src/devtools/views/ErrorBoundary.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Component} from 'react';
10 +import * as React from 'react';
11 +import {Component} from 'react';
12 import styles from './ErrorBoundary.css';
13
14 type Props = {|
packages/react-devtools-shared/src/devtools/views/Icon.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import styles from './Icon.css';
12
13 export type IconType =
packages/react-devtools-shared/src/devtools/views/ModalDialog.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
10 +import * as React from 'react';
11 +import {
12 createContext,
13 useCallback,
14 useContext,
packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 import styles from './ChartNode.css';
13
packages/react-devtools-shared/src/devtools/views/Profiler/ClearProfilingDataButton.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback, useContext} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useContext} from 'react';
12 import {ProfilerContext} from './ProfilerContext';
13 import Button from '../Button';
14 import ButtonIcon from '../ButtonIcon';
packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js
+2 -7
@@ -7,13 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
11 - forwardRef,
12 - useCallback,
13 - useContext,
14 - useMemo,
15 - useState,
16 -} from 'react';
10 +import * as React from 'react';
11 +import {forwardRef, useCallback, useContext, useMemo, useState} from 'react';
12 import AutoSizer from 'react-virtualized-auto-sizer';
13 import {FixedSizeList} from 'react-window';
14 import {ProfilerContext} from './ProfilerContext';
packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraphListItem.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, memo, useCallback, useContext} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, memo, useCallback, useContext} from 'react';
12 import {areEqual} from 'react-window';
13 import {barWidthThreshold} from './constants';
14 import {getGradientColor} from './utils';
packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback, useContext, useMemo, useState} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useContext, useMemo, useState} from 'react';
12 import AutoSizer from 'react-virtualized-auto-sizer';
13 import {FixedSizeList} from 'react-window';
14 import {ProfilerContext} from './ProfilerContext';
packages/react-devtools-shared/src/devtools/views/Profiler/CommitRankedListItem.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {memo, useCallback, useContext} from 'react';
10 +import * as React from 'react';
11 +import {memo, useCallback, useContext} from 'react';
12 import {areEqual} from 'react-window';
13 import {minBarWidth} from './constants';
14 import {getGradientColor} from './utils';
packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useContext} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useContext} from 'react';
12 import {ProfilerContext} from './ProfilerContext';
13 import {formatDuration, formatTime} from './utils';
14 import WhatChanged from './WhatChanged';
packages/react-devtools-shared/src/devtools/views/Profiler/InteractionListItem.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {memo, useCallback} from 'react';
10 +import * as React from 'react';
11 +import {memo, useCallback} from 'react';
12 import {areEqual} from 'react-window';
13 import {getGradientColor} from './utils';
14
packages/react-devtools-shared/src/devtools/views/Profiler/Interactions.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback, useContext, useMemo} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useContext, useMemo} from 'react';
12 import AutoSizer from 'react-virtualized-auto-sizer';
13 import {FixedSizeList} from 'react-window';
14 import {ProfilerContext} from './ProfilerContext';
packages/react-devtools-shared/src/devtools/views/Profiler/NoCommitData.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 import styles from './NoCommitData.css';
13
packages/react-devtools-shared/src/devtools/views/Profiler/NoInteractions.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 import styles from './NoInteractions.css';
13
packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useContext} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useContext} from 'react';
12 import {ModalDialog} from '../ModalDialog';
13 import {ProfilerContext} from './ProfilerContext';
14 import TabBar from '../TabBar';
packages/react-devtools-shared/src/devtools/views/Profiler/ProfilerContext.js
+2 -7
@@ -7,13 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
11 - createContext,
12 - useCallback,
13 - useContext,
14 - useMemo,
15 - useState,
16 -} from 'react';
10 +import * as React from 'react';
11 +import {createContext, useCallback, useContext, useMemo, useState} from 'react';
12 import {unstable_batchedUpdates as batchedUpdates} from 'react-dom';
13 import {useLocalStorage, useSubscription} from '../hooks';
14 import {
packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useContext, useCallback, useRef} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useContext, useCallback, useRef} from 'react';
12 import {ProfilerContext} from './ProfilerContext';
13 import {ModalDialogContext} from '../ModalDialog';
14 import Button from '../Button';
packages/react-devtools-shared/src/devtools/views/Profiler/RecordToggle.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useContext} from 'react';
10 +import * as React from 'react';
11 +import {useContext} from 'react';
12 import Button from '../Button';
13 import ButtonIcon from '../ButtonIcon';
14 import {ProfilerContext} from './ProfilerContext';
packages/react-devtools-shared/src/devtools/views/Profiler/ReloadAndProfileButton.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback, useContext, useMemo} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useContext, useMemo} from 'react';
12 import Button from '../Button';
13 import ButtonIcon from '../ButtonIcon';
14 import {BridgeContext, StoreContext} from '../context';
packages/react-devtools-shared/src/devtools/views/Profiler/RootSelector.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useCallback, useContext} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useCallback, useContext} from 'react';
12 import {ProfilerContext} from './ProfilerContext';
13
14 import styles from './RootSelector.css';
packages/react-devtools-shared/src/devtools/views/Profiler/SidebarCommitInfo.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useContext} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useContext} from 'react';
12 import {ProfilerContext} from './ProfilerContext';
13 import {formatDuration, formatTime} from './utils';
14 import {StoreContext} from '../context';
packages/react-devtools-shared/src/devtools/views/Profiler/SidebarInteractions.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useContext} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useContext} from 'react';
12 import {ProfilerContext} from './ProfilerContext';
13 import {formatDuration, formatTime} from './utils';
14 import {StoreContext} from '../context';
packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useContext} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useContext} from 'react';
12 import WhatChanged from './WhatChanged';
13 import {ProfilerContext} from './ProfilerContext';
14 import {formatDuration, formatTime} from './utils';
packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitList.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
12 import AutoSizer from 'react-virtualized-auto-sizer';
13 import {FixedSizeList} from 'react-window';
14 import SnapshotCommitListItem from './SnapshotCommitListItem';
packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {memo, useCallback} from 'react';
10 +import * as React from 'react';
11 +import {memo, useCallback} from 'react';
12 import {areEqual} from 'react-window';
13 import {getGradientColor, formatDuration, formatTime} from './utils';
14
packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useCallback, useContext, useMemo} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useCallback, useContext, useMemo} from 'react';
12 import Button from '../Button';
13 import ButtonIcon from '../ButtonIcon';
14 import {ProfilerContext} from './ProfilerContext';
packages/react-devtools-shared/src/devtools/views/Profiler/Tooltip.js
+2 -1
@@ -1,6 +1,7 @@
1 /** @flow */
2
3 -import React, {useRef} from 'react';
3 +import * as React from 'react';
4 +import {useRef} from 'react';
5
6 import styles from './Tooltip.css';
7
packages/react-devtools-shared/src/devtools/views/Profiler/WhatChanged.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useContext} from 'react';
10 +import * as React from 'react';
11 +import {useContext} from 'react';
12 import {ProfilerContext} from '../Profiler/ProfilerContext';
13 import {StoreContext} from '../context';
14
packages/react-devtools-shared/src/devtools/views/ReactLogo.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 import styles from './ReactLogo.css';
13
packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
10 +import * as React from 'react';
11 +import {
12 useCallback,
13 useContext,
14 useEffect,
packages/react-devtools-shared/src/devtools/views/Settings/GeneralSettings.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useContext} from 'react';
10 +import * as React from 'react';
11 +import {useContext} from 'react';
12 import {SettingsContext} from './SettingsContext';
13 import {StoreContext} from '../context';
14 import {CHANGE_LOG_URL} from 'react-devtools-shared/src/constants';
packages/react-devtools-shared/src/devtools/views/Settings/ProfilerSettings.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback, useContext, useMemo, useRef} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useContext, useMemo, useRef} from 'react';
12 import {useSubscription} from '../hooks';
13 import {StoreContext} from '../context';
14 import {ProfilerContext} from 'react-devtools-shared/src/devtools/views/Profiler/ProfilerContext';
packages/react-devtools-shared/src/devtools/views/Settings/SettingsContext.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
10 +import * as React from 'react';
11 +import {
12 createContext,
13 useContext,
14 useEffect,
packages/react-devtools-shared/src/devtools/views/Settings/SettingsModal.js
+2 -7
@@ -7,13 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
11 - useCallback,
12 - useContext,
13 - useEffect,
14 - useMemo,
15 - useRef,
16 -} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useContext, useEffect, useMemo, useRef} from 'react';
12 import {SettingsModalContext} from './SettingsModalContext';
13 import Button from '../Button';
14 import ButtonIcon from '../ButtonIcon';
packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContext.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {createContext, useMemo, useState} from 'react';
10 +import * as React from 'react';
11 +import {createContext, useMemo, useState} from 'react';
12
13 export type DisplayDensity = 'comfortable' | 'compact';
14 export type Theme = 'auto' | 'light' | 'dark';
packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback, useContext, useMemo} from 'react';
10 +import * as React from 'react';
11 +import {useCallback, useContext, useMemo} from 'react';
12 import {SettingsModalContext} from './SettingsModalContext';
13 import Button from '../Button';
14 import ButtonIcon from '../ButtonIcon';
packages/react-devtools-shared/src/devtools/views/TabBar.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useCallback} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useCallback} from 'react';
12 import Tooltip from '@reach/tooltip';
13 import Icon from './Icon';
14
packages/react-devtools-shared/src/devtools/views/Toggle.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {useCallback} from 'react';
10 +import * as React from 'react';
11 +import {useCallback} from 'react';
12 import Tooltip from '@reach/tooltip';
13
14 import styles from './Toggle.css';
packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useContext, useEffect, useState} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useContext, useEffect, useState} from 'react';
12 import {unstable_batchedUpdates as batchedUpdates} from 'react-dom';
13 import {ModalDialogContext} from './ModalDialog';
14 import {StoreContext} from './context';
packages/react-devtools-shared/src/devtools/views/WarnIfLegacyBackendDetected.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useContext, useEffect} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useContext, useEffect} from 'react';
12 import {BridgeContext} from './context';
13 import {ModalDialogContext} from './ModalDialog';
14
packages/react-devtools-shared/src/devtools/views/portaledContent.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import {createPortal} from 'react-dom';
12 import ErrorBoundary from './ErrorBoundary';
13
packages/react-devtools-shell/src/app/DeeplyNestedComponents/index.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment} from 'react';
10 +import * as React from 'react';
11 +import {Fragment} from 'react';
12
13 function wrapWithHoc(Component, index) {
14 function HOC() {
packages/react-devtools-shell/src/app/EditableProps/index.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
10 +import * as React from 'react';
11 +import {
12 createContext,
13 Component,
14 forwardRef,
packages/react-devtools-shell/src/app/ElementTypes/index.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
10 +import * as React from 'react';
11 +import {
12 createContext,
13 forwardRef,
14 lazy,
packages/react-devtools-shell/src/app/Hydration/index.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useDebugValue, useState} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useDebugValue, useState} from 'react';
12
13 const div = document.createElement('div');
14 const exmapleFunction = () => {};
packages/react-devtools-shell/src/app/Iframe/index.js
+3 -2
@@ -1,7 +1,8 @@
1 /** @flow */
2
3 -import React, {Fragment} from 'react';
4 -import ReactDOM from 'react-dom';
3 +import * as React from 'react';
4 +import {Fragment} from 'react';
5 +import * as ReactDOM from 'react-dom';
6
7 export default function Iframe() {
8 return (
packages/react-devtools-shell/src/app/InspectableElements/CircularReferences.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 const arrayOne = [];
13 const arrayTwo = [];
packages/react-devtools-shell/src/app/InspectableElements/Contexts.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {createContext, Component, Fragment, useContext} from 'react';
10 +import * as React from 'react';
11 +import {createContext, Component, Fragment, useContext} from 'react';
12 import PropTypes from 'prop-types';
13
14 function someNamedFunction() {}
packages/react-devtools-shell/src/app/InspectableElements/CustomHooks.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {
10 +import * as React from 'react';
11 +import {
12 forwardRef,
13 Fragment,
14 memo,
packages/react-devtools-shell/src/app/InspectableElements/CustomObject.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 class Custom {
13 _number = 42;
packages/react-devtools-shell/src/app/InspectableElements/EdgeCaseObjects.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 const objectWithModifiedHasOwnProperty = {
13 foo: 'abc',
packages/react-devtools-shell/src/app/InspectableElements/InspectableElements.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment} from 'react';
10 +import * as React from 'react';
11 +import {Fragment} from 'react';
12 import UnserializableProps from './UnserializableProps';
13 import CircularReferences from './CircularReferences';
14 import Contexts from './Contexts';
packages/react-devtools-shell/src/app/InspectableElements/NestedProps.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 const object = {
13 string: 'abc',
packages/react-devtools-shell/src/app/InspectableElements/SimpleValues.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Component} from 'react';
10 +import * as React from 'react';
11 +import {Component} from 'react';
12
13 function noop() {}
14
packages/react-devtools-shell/src/app/InspectableElements/UnserializableProps.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import Immutable from 'immutable';
12
13 const set = new Set(['abc', 123]);
packages/react-devtools-shell/src/app/InteractionTracing/index.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useCallback, useEffect, useState} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useCallback, useEffect, useState} from 'react';
12 import {unstable_batchedUpdates as batchedUpdates} from 'react-dom';
13 import {
14 unstable_trace as trace,
packages/react-devtools-shell/src/app/PriorityLevels/index.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useCallback, useState} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useCallback, useState} from 'react';
12 import {
13 unstable_IdlePriority as IdlePriority,
14 unstable_LowPriority as LowPriority,
packages/react-devtools-shell/src/app/ReactNativeWeb/index.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useState} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useState} from 'react';
12 // $FlowFixMe
13 import {Button, Text, View} from 'react-native-web';
14
packages/react-devtools-shell/src/app/SuspenseTree/index.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, Suspense, SuspenseList, useState} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, Suspense, SuspenseList, useState} from 'react';
12
13 function SuspenseTree() {
14 return (
packages/react-devtools-shell/src/app/ToDoList/List.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {Fragment, useCallback, useState} from 'react';
10 +import * as React from 'react';
11 +import {Fragment, useCallback, useState} from 'react';
12 import ListItem from './ListItem';
13 import styles from './List.css';
14
packages/react-devtools-shell/src/app/ToDoList/ListItem.js
+2 -1
@@ -7,7 +7,8 @@
7 * @flow
8 */
9
10 -import React, {memo, useCallback} from 'react';
10 +import * as React from 'react';
11 +import {memo, useCallback} from 'react';
12 import styles from './ListItem.css';
13
14 import type {Item} from './List';
packages/react-devtools-shell/src/app/Toggle/index.js
+2 -1
@@ -1,4 +1,5 @@
1 -import React, {useState} from 'react';
1 +import * as React from 'react';
2 +import {useState} from 'react';
3
4 export default function Toggle() {
5 const [show, setShow] = useState(false);
packages/react-dom/src/client/ReactDOMOption.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import {getToStringValue, toString} from './ToStringValue';
12
13 let didWarnSelectedSetOnOption = false;
packages/react-dom/src/server/ReactPartialRenderer.js
+1 -1
@@ -12,7 +12,7 @@ import type {ReactElement} from 'shared/ReactElementType';
12 import type {LazyComponent} from 'shared/ReactLazyComponent';
13 import type {ReactProvider, ReactContext} from 'shared/ReactTypes';
14
15 -import React from 'react';
15 +import * as React from 'react';
16 import invariant from 'shared/invariant';
17 import getComponentName from 'shared/getComponentName';
18 import describeComponentFrame from 'shared/describeComponentFrame';
packages/react-dom/src/shared/checkReact.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import invariant from 'shared/invariant';
12
13 invariant(
packages/react-dom/src/test-utils/ReactTestUtils.js
+2 -2
@@ -5,8 +5,8 @@
5 * LICENSE file in the root directory of this source tree.
6 */
7
8 -import React from 'react';
9 -import ReactDOM from 'react-dom';
8 +import * as React from 'react';
9 +import * as ReactDOM from 'react-dom';
10 import {findCurrentFiberUsingSlowPath} from 'react-reconciler/reflection';
11 import {get as getInstance} from 'shared/ReactInstanceMap';
12 import {
packages/react-dom/src/test-utils/ReactTestUtilsAct.js
+1 -1
@@ -9,7 +9,7 @@
9
10 import type {Thenable} from 'react-reconciler/src/ReactFiberWorkLoop';
11
12 -import ReactDOM from 'react-dom';
12 +import * as ReactDOM from 'react-dom';
13 import ReactSharedInternals from 'shared/ReactSharedInternals';
14 import enqueueTask from 'shared/enqueueTask';
15 import * as Scheduler from 'scheduler';
packages/react-dom/src/unstable-native-dependencies/ReactDOMUnstableNativeDependencies.js
+1 -1
@@ -5,7 +5,7 @@
5 * LICENSE file in the root directory of this source tree.
6 */
7
8 -import ReactDOM from 'react-dom';
8 +import * as ReactDOM from 'react-dom';
9 import {setComponentTree} from 'legacy-events/EventPluginUtils';
10 import ResponderEventPlugin from 'legacy-events/ResponderEventPlugin';
11 import ResponderTouchHistoryStore from 'legacy-events/ResponderTouchHistoryStore';
packages/react-interactions/events/src/dom/ContextMenu.js
+1 -1
@@ -14,7 +14,7 @@ import type {
14 } from 'shared/ReactDOMTypes';
15 import type {ReactEventResponderListener} from 'shared/ReactTypes';
16
17 -import React from 'react';
17 +import * as React from 'react';
18 import {DiscreteEvent} from 'shared/ReactTypes';
19
20 type ContextMenuProps = {|
packages/react-interactions/events/src/dom/Focus.js
+1 -1
@@ -14,7 +14,7 @@ import type {
14 } from 'shared/ReactDOMTypes';
15 import type {ReactEventResponderListener} from 'shared/ReactTypes';
16
17 -import React from 'react';
17 +import * as React from 'react';
18 import {DiscreteEvent} from 'shared/ReactTypes';
19
20 /**
packages/react-interactions/events/src/dom/Hover.js
+1 -1
@@ -14,7 +14,7 @@ import type {
14 } from 'shared/ReactDOMTypes';
15 import type {ReactEventResponderListener} from 'shared/ReactTypes';
16
17 -import React from 'react';
17 +import * as React from 'react';
18 import {UserBlockingEvent} from 'shared/ReactTypes';
19
20 type HoverProps = {
packages/react-interactions/events/src/dom/Input.js
+1 -1
@@ -12,7 +12,7 @@ import type {
12 ReactDOMResponderContext,
13 } from 'shared/ReactDOMTypes';
14
15 -import React from 'react';
15 +import * as React from 'react';
16 import {DiscreteEvent} from 'shared/ReactTypes';
17 import type {ReactEventResponderListener} from 'shared/ReactTypes';
18
packages/react-interactions/events/src/dom/Keyboard.js
+1 -1
@@ -13,7 +13,7 @@ import type {
13 } from 'shared/ReactDOMTypes';
14 import type {ReactEventResponderListener} from 'shared/ReactTypes';
15
16 -import React from 'react';
16 +import * as React from 'react';
17 import {DiscreteEvent} from 'shared/ReactTypes';
18 import {isVirtualClick} from './shared';
19
packages/react-interactions/events/src/dom/Press.js
+1 -1
@@ -9,7 +9,7 @@
9
10 import type {PointerType} from 'shared/ReactDOMTypes';
11
12 -import React from 'react';
12 +import * as React from 'react';
13 import {useTap} from 'react-interactions/events/tap';
14 import {useKeyboard} from 'react-interactions/events/keyboard';
15
packages/react-interactions/events/src/dom/PressLegacy.js
+1 -1
@@ -17,7 +17,7 @@ import type {
17 ReactEventResponderListener,
18 } from 'shared/ReactTypes';
19
20 -import React from 'react';
20 +import * as React from 'react';
21 import {DiscreteEvent, UserBlockingEvent} from 'shared/ReactTypes';
22
23 type PressProps = {|
packages/react-interactions/events/src/dom/Tap.js
+1 -1
@@ -14,7 +14,7 @@ import type {
14 } from 'shared/ReactDOMTypes';
15 import type {ReactEventResponderListener} from 'shared/ReactTypes';
16
17 -import React from 'react';
17 +import * as React from 'react';
18 import {
19 buttonsEnum,
20 dispatchDiscreteEvent,
packages/react-reconciler/src/ReactFiberClassComponent.js
+1 -1
@@ -11,7 +11,7 @@ import type {Fiber} from './ReactFiber';
11 import type {ExpirationTime} from './ReactFiberExpirationTime';
12 import type {UpdateQueue} from './ReactUpdateQueue';
13
14 -import React from 'react';
14 +import * as React from 'react';
15 import {Update, Snapshot} from 'shared/ReactSideEffectTags';
16 import {
17 debugRenderPhaseSideEffectsForStrictMode,
packages/react-test-renderer/src/ReactShallowRenderer.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11 import {isForwardRef, isMemo, ForwardRef} from 'react-is';
12 import describeComponentFrame from 'shared/describeComponentFrame';
13 import getComponentName from 'shared/getComponentName';
packages/shared/ReactSharedInternals.js
+1 -1
@@ -5,7 +5,7 @@
5 * LICENSE file in the root directory of this source tree.
6 */
7
8 -import React from 'react';
8 +import * as React from 'react';
9
10 const ReactSharedInternals =
11 React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
packages/shared/forks/Scheduler.umd.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 const ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
13
packages/shared/forks/SchedulerTracing.umd.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 const ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
13
packages/shared/forks/object-assign.umd.js
+1 -1
@@ -7,7 +7,7 @@
7 * @flow
8 */
9
10 -import React from 'react';
10 +import * as React from 'react';
11
12 const ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
13