diff --git a/packages/create-subscription/src/createSubscription.js b/packages/create-subscription/src/createSubscription.js index b7750bb319a..30d7b669f65 100644 --- a/packages/create-subscription/src/createSubscription.js +++ b/packages/create-subscription/src/createSubscription.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import invariant from 'shared/invariant'; type Unsubscribe = () => void; diff --git a/packages/react-art/src/ReactART.js b/packages/react-art/src/ReactART.js index 9b2c5382e1d..71414f607c0 100644 --- a/packages/react-art/src/ReactART.js +++ b/packages/react-art/src/ReactART.js @@ -5,7 +5,7 @@ * LICENSE file in the root directory of this source tree. */ -import React from 'react'; +import * as React from 'react'; import ReactVersion from 'shared/ReactVersion'; import {LegacyRoot} from 'shared/ReactRootTags'; import { diff --git a/packages/react-cache/src/ReactCache.js b/packages/react-cache/src/ReactCache.js index ec8d93d7cd8..7453b1c5392 100644 --- a/packages/react-cache/src/ReactCache.js +++ b/packages/react-cache/src/ReactCache.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import {createLRU} from './LRU'; diff --git a/packages/react-devtools-inline/src/frontend.js b/packages/react-devtools-inline/src/frontend.js index 86f3300d4b1..0172c8bbf8c 100644 --- a/packages/react-devtools-inline/src/frontend.js +++ b/packages/react-devtools-inline/src/frontend.js @@ -1,6 +1,7 @@ /** @flow */ -import React, {forwardRef} from 'react'; +import * as React from 'react'; +import {forwardRef} from 'react'; import Bridge from 'react-devtools-shared/src/bridge'; import Store from 'react-devtools-shared/src/devtools/store'; import DevTools from 'react-devtools-shared/src/devtools/views/DevTools'; diff --git a/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenu.js b/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenu.js index 891d24c0518..467a6eaa15e 100644 --- a/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenu.js +++ b/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenu.js @@ -7,13 +7,8 @@ * @flow */ -import React, { - useContext, - useEffect, - useLayoutEffect, - useRef, - useState, -} from 'react'; +import * as React from 'react'; +import {useContext, useEffect, useLayoutEffect, useRef, useState} from 'react'; import {createPortal} from 'react-dom'; import {RegistryContext} from './Contexts'; diff --git a/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenuItem.js b/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenuItem.js index ddfa61171b2..1b8ebb7cdcb 100644 --- a/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenuItem.js +++ b/packages/react-devtools-shared/src/devtools/ContextMenu/ContextMenuItem.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useContext} from 'react'; +import * as React from 'react'; +import {useContext} from 'react'; import {RegistryContext} from './Contexts'; import styles from './ContextMenuItem.css'; diff --git a/packages/react-devtools-shared/src/devtools/cache.js b/packages/react-devtools-shared/src/devtools/cache.js index e389a594e89..7b0a0766a42 100644 --- a/packages/react-devtools-shared/src/devtools/cache.js +++ b/packages/react-devtools-shared/src/devtools/cache.js @@ -7,7 +7,8 @@ * @flow */ -import React, {createContext} from 'react'; +import * as React from 'react'; +import {createContext} from 'react'; // Cache implementation was forked from the React repo: // https://github.com/facebook/react/blob/master/packages/react-cache/src/ReactCache.js diff --git a/packages/react-devtools-shared/src/devtools/views/Button.js b/packages/react-devtools-shared/src/devtools/views/Button.js index 76028d53dde..c6d2525c0b7 100644 --- a/packages/react-devtools-shared/src/devtools/views/Button.js +++ b/packages/react-devtools-shared/src/devtools/views/Button.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import Tooltip from '@reach/tooltip'; import styles from './Button.css'; diff --git a/packages/react-devtools-shared/src/devtools/views/ButtonIcon.js b/packages/react-devtools-shared/src/devtools/views/ButtonIcon.js index 5edc6821bd3..0c7fe00b42a 100644 --- a/packages/react-devtools-shared/src/devtools/views/ButtonIcon.js +++ b/packages/react-devtools-shared/src/devtools/views/ButtonIcon.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import styles from './ButtonIcon.css'; export type IconType = diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Badge.js b/packages/react-devtools-shared/src/devtools/views/Components/Badge.js index 660e4ab4002..8362055cb39 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/Badge.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/Badge.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment} from 'react'; +import * as React from 'react'; +import {Fragment} from 'react'; import { ElementTypeMemo, ElementTypeForwardRef, diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Components.js b/packages/react-devtools-shared/src/devtools/views/Components/Components.js index 107ef1393ef..6b65e0d2035 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/Components.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/Components.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Suspense} from 'react'; +import * as React from 'react'; +import {Suspense} from 'react'; import Tree from './Tree'; import SelectedElement from './SelectedElement'; import {InspectedElementContextController} from './InspectedElementContext'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/EditableName.js b/packages/react-devtools-shared/src/devtools/views/Components/EditableName.js index 73b85cddf8c..e73f7254078 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/EditableName.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/EditableName.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback, useState} from 'react'; +import * as React from 'react'; +import {useCallback, useState} from 'react'; import AutoSizeInput from './NativeStyleEditor/AutoSizeInput'; import styles from './EditableName.css'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/EditableValue.js b/packages/react-devtools-shared/src/devtools/views/Components/EditableValue.js index e501c39adee..4660eba7352 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/EditableValue.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/EditableValue.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useRef} from 'react'; +import * as React from 'react'; +import {Fragment, useRef} from 'react'; import styles from './EditableValue.css'; import {useEditableValue} from '../hooks'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Element.js b/packages/react-devtools-shared/src/devtools/views/Components/Element.js index 4143bd01ce7..1fa40035efd 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/Element.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/Element.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useContext, useMemo, useState} from 'react'; +import * as React from 'react'; +import {Fragment, useContext, useMemo, useState} from 'react'; import Store from 'react-devtools-shared/src/devtools/store'; import Badge from './Badge'; import ButtonIcon from '../ButtonIcon'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/ExpandCollapseToggle.js b/packages/react-devtools-shared/src/devtools/views/Components/ExpandCollapseToggle.js index 234930c900b..8950696b7e4 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/ExpandCollapseToggle.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/ExpandCollapseToggle.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/HocBadges.js b/packages/react-devtools-shared/src/devtools/views/Components/HocBadges.js index 6cf25ef234a..4cf88d596d7 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/HocBadges.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/HocBadges.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import { ElementTypeForwardRef, ElementTypeMemo, diff --git a/packages/react-devtools-shared/src/devtools/views/Components/HooksTree.js b/packages/react-devtools-shared/src/devtools/views/Components/HooksTree.js index f479d477f42..1c710c5e7c8 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/HooksTree.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/HooksTree.js @@ -8,7 +8,8 @@ */ import {copy} from 'clipboard-js'; -import React, {useCallback, useContext, useRef, useState} from 'react'; +import * as React from 'react'; +import {useCallback, useContext, useRef, useState} from 'react'; import {BridgeContext, StoreContext} from '../context'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectHostNodesToggle.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectHostNodesToggle.js index 77405428816..29782b2b303 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/InspectHostNodesToggle.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectHostNodesToggle.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback, useContext, useEffect, useState} from 'react'; +import * as React from 'react'; +import {useCallback, useContext, useEffect, useState} from 'react'; import {BridgeContext} from '../context'; import Toggle from '../Toggle'; import ButtonIcon from '../ButtonIcon'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContext.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContext.js index 0467ffd1c6e..5d3ae1f74f2 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContext.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementContext.js @@ -7,7 +7,8 @@ * @flow */ -import React, { +import * as React from 'react'; +import { createContext, useCallback, useContext, diff --git a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementTree.js b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementTree.js index ca6616fdbe3..6e480a80ed1 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementTree.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/InspectedElementTree.js @@ -8,7 +8,8 @@ */ import {copy} from 'clipboard-js'; -import React, {useCallback, useState} from 'react'; +import * as React from 'react'; +import {useCallback, useState} from 'react'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; import KeyValue from './KeyValue'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.js b/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.js index e45a5488c4a..54726c7e042 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/KeyValue.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useEffect, useRef, useState} from 'react'; +import * as React from 'react'; +import {useEffect, useRef, useState} from 'react'; import EditableValue from './EditableValue'; import ExpandCollapseToggle from './ExpandCollapseToggle'; import {alphaSortEntries, getMetaValueLabel} from '../utils'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/AutoSizeInput.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/AutoSizeInput.js index 389013ee7d5..2f7113193d2 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/AutoSizeInput.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/AutoSizeInput.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useLayoutEffect, useRef} from 'react'; +import * as React from 'react'; +import {Fragment, useLayoutEffect, useRef} from 'react'; import styles from './AutoSizeInput.css'; type Props = { diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.js index 22287647c8b..da5530d4a39 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/LayoutViewer.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import styles from './LayoutViewer.css'; import type {Layout} from './types'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.js index 8e0210d44b4..31f55da2456 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/StyleEditor.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useContext, useMemo, useRef, useState} from 'react'; +import * as React from 'react'; +import {useContext, useMemo, useRef, useState} from 'react'; import {unstable_batchedUpdates as batchedUpdates} from 'react-dom'; import {copy} from 'clipboard-js'; import { diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js index 2542957f882..52e22fe23c9 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/context.js @@ -7,7 +7,8 @@ * @flow */ -import React, { +import * as React from 'react'; +import { createContext, useCallback, useContext, diff --git a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.js b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.js index d9032e2f61a..521a0642cac 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/NativeStyleEditor/index.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useContext, useMemo} from 'react'; +import * as React from 'react'; +import {Fragment, useContext, useMemo} from 'react'; import {StoreContext} from 'react-devtools-shared/src/devtools/views/context'; import {useSubscription} from 'react-devtools-shared/src/devtools/views/hooks'; import {NativeStyleContext} from './context'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/OwnersListContext.js b/packages/react-devtools-shared/src/devtools/views/Components/OwnersListContext.js index aae74b4f84b..493ee8d9661 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/OwnersListContext.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/OwnersListContext.js @@ -7,7 +7,8 @@ * @flow */ -import React, {createContext, useCallback, useContext, useEffect} from 'react'; +import * as React from 'react'; +import {createContext, useCallback, useContext, useEffect} from 'react'; import {createResource} from '../../cache'; import {BridgeContext, StoreContext} from '../context'; import {TreeStateContext} from './TreeContext'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.js b/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.js index a42ff9ada0d..6be2a699991 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/OwnersStack.js @@ -6,7 +6,8 @@ * * @flow */ -import React, { +import * as React from 'react'; +import { Fragment, useCallback, useContext, diff --git a/packages/react-devtools-shared/src/devtools/views/Components/SearchInput.js b/packages/react-devtools-shared/src/devtools/views/Components/SearchInput.js index ded2f2ef06f..0c8c56530f7 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/SearchInput.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/SearchInput.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback, useContext, useEffect, useRef} from 'react'; +import * as React from 'react'; +import {useCallback, useContext, useEffect, useRef} from 'react'; import {TreeDispatcherContext, TreeStateContext} from './TreeContext'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/SelectedElement.js b/packages/react-devtools-shared/src/devtools/views/Components/SelectedElement.js index 432f5a54361..563cd6f6374 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/SelectedElement.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/SelectedElement.js @@ -8,7 +8,8 @@ */ import {copy} from 'clipboard-js'; -import React, {Fragment, useCallback, useContext} from 'react'; +import * as React from 'react'; +import {Fragment, useCallback, useContext} from 'react'; import {TreeDispatcherContext, TreeStateContext} from './TreeContext'; import {BridgeContext, ContextMenuContext, StoreContext} from '../context'; import ContextMenu from '../../ContextMenu/ContextMenu'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.js b/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.js index ea94dbff78c..1d86d59a376 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/SelectedTreeHighlight.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useContext, useMemo} from 'react'; +import * as React from 'react'; +import {useContext, useMemo} from 'react'; import {TreeStateContext} from './TreeContext'; import {SettingsContext} from '../Settings/SettingsContext'; import TreeFocusedContext from './TreeFocusedContext'; diff --git a/packages/react-devtools-shared/src/devtools/views/Components/Tree.js b/packages/react-devtools-shared/src/devtools/views/Components/Tree.js index 3b6357ae853..07c779d758b 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/Tree.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/Tree.js @@ -7,7 +7,8 @@ * @flow */ -import React, { +import * as React from 'react'; +import { Fragment, Suspense, useCallback, diff --git a/packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js b/packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js index bdd1fc04cfe..8d23660dbcd 100644 --- a/packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js +++ b/packages/react-devtools-shared/src/devtools/views/Components/TreeContext.js @@ -24,7 +24,8 @@ // For this reason, changes to the tree context are processed in sequence: tree -> search -> owners // This enables each section to potentially override (or mask) previous values. -import React, { +import * as React from 'react'; +import { createContext, useCallback, useContext, diff --git a/packages/react-devtools-shared/src/devtools/views/DevTools.js b/packages/react-devtools-shared/src/devtools/views/DevTools.js index 3d19c9390e6..4eac1186966 100644 --- a/packages/react-devtools-shared/src/devtools/views/DevTools.js +++ b/packages/react-devtools-shared/src/devtools/views/DevTools.js @@ -12,7 +12,8 @@ import '@reach/menu-button/styles.css'; import '@reach/tooltip/styles.css'; -import React, {useEffect, useMemo, useState} from 'react'; +import * as React from 'react'; +import {useEffect, useMemo, useState} from 'react'; import Store from '../store'; import {BridgeContext, ContextMenuContext, StoreContext} from './context'; import Components from './Components/Components'; diff --git a/packages/react-devtools-shared/src/devtools/views/ErrorBoundary.js b/packages/react-devtools-shared/src/devtools/views/ErrorBoundary.js index 2c8cd35b310..6d5724d7a05 100644 --- a/packages/react-devtools-shared/src/devtools/views/ErrorBoundary.js +++ b/packages/react-devtools-shared/src/devtools/views/ErrorBoundary.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Component} from 'react'; +import * as React from 'react'; +import {Component} from 'react'; import styles from './ErrorBoundary.css'; type Props = {| diff --git a/packages/react-devtools-shared/src/devtools/views/Icon.js b/packages/react-devtools-shared/src/devtools/views/Icon.js index ca1f24075a2..676db1c9e2c 100644 --- a/packages/react-devtools-shared/src/devtools/views/Icon.js +++ b/packages/react-devtools-shared/src/devtools/views/Icon.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import styles from './Icon.css'; export type IconType = diff --git a/packages/react-devtools-shared/src/devtools/views/ModalDialog.js b/packages/react-devtools-shared/src/devtools/views/ModalDialog.js index 34aa4b85257..014a317049d 100644 --- a/packages/react-devtools-shared/src/devtools/views/ModalDialog.js +++ b/packages/react-devtools-shared/src/devtools/views/ModalDialog.js @@ -7,7 +7,8 @@ * @flow */ -import React, { +import * as React from 'react'; +import { createContext, useCallback, useContext, diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.js b/packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.js index 3f7c7b4a1f7..82c58e86da4 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/ChartNode.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import styles from './ChartNode.css'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/ClearProfilingDataButton.js b/packages/react-devtools-shared/src/devtools/views/Profiler/ClearProfilingDataButton.js index 92a2b7519a6..f07d4e7d778 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/ClearProfilingDataButton.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/ClearProfilingDataButton.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback, useContext} from 'react'; +import * as React from 'react'; +import {useCallback, useContext} from 'react'; import {ProfilerContext} from './ProfilerContext'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js index d7a894914db..f86573037e1 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraph.js @@ -7,13 +7,8 @@ * @flow */ -import React, { - forwardRef, - useCallback, - useContext, - useMemo, - useState, -} from 'react'; +import * as React from 'react'; +import {forwardRef, useCallback, useContext, useMemo, useState} from 'react'; import AutoSizer from 'react-virtualized-auto-sizer'; import {FixedSizeList} from 'react-window'; import {ProfilerContext} from './ProfilerContext'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraphListItem.js b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraphListItem.js index bf511d87932..c998998cb4f 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraphListItem.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitFlamegraphListItem.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, memo, useCallback, useContext} from 'react'; +import * as React from 'react'; +import {Fragment, memo, useCallback, useContext} from 'react'; import {areEqual} from 'react-window'; import {barWidthThreshold} from './constants'; import {getGradientColor} from './utils'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.js b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.js index 878f245c62f..e20692fd4df 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRanked.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback, useContext, useMemo, useState} from 'react'; +import * as React from 'react'; +import {useCallback, useContext, useMemo, useState} from 'react'; import AutoSizer from 'react-virtualized-auto-sizer'; import {FixedSizeList} from 'react-window'; import {ProfilerContext} from './ProfilerContext'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRankedListItem.js b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRankedListItem.js index 80f6dbade6e..314c928cc50 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRankedListItem.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/CommitRankedListItem.js @@ -7,7 +7,8 @@ * @flow */ -import React, {memo, useCallback, useContext} from 'react'; +import * as React from 'react'; +import {memo, useCallback, useContext} from 'react'; import {areEqual} from 'react-window'; import {minBarWidth} from './constants'; import {getGradientColor} from './utils'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.js b/packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.js index c6e33a28ce0..fa07d02b1d7 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/HoveredFiberInfo.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useContext} from 'react'; +import * as React from 'react'; +import {Fragment, useContext} from 'react'; import {ProfilerContext} from './ProfilerContext'; import {formatDuration, formatTime} from './utils'; import WhatChanged from './WhatChanged'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/InteractionListItem.js b/packages/react-devtools-shared/src/devtools/views/Profiler/InteractionListItem.js index cfc5d1229a9..b720ca3e0d9 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/InteractionListItem.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/InteractionListItem.js @@ -7,7 +7,8 @@ * @flow */ -import React, {memo, useCallback} from 'react'; +import * as React from 'react'; +import {memo, useCallback} from 'react'; import {areEqual} from 'react-window'; import {getGradientColor} from './utils'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/Interactions.js b/packages/react-devtools-shared/src/devtools/views/Profiler/Interactions.js index ffbd07f8863..b39d973053b 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/Interactions.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/Interactions.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback, useContext, useMemo} from 'react'; +import * as React from 'react'; +import {useCallback, useContext, useMemo} from 'react'; import AutoSizer from 'react-virtualized-auto-sizer'; import {FixedSizeList} from 'react-window'; import {ProfilerContext} from './ProfilerContext'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/NoCommitData.js b/packages/react-devtools-shared/src/devtools/views/Profiler/NoCommitData.js index 314f397016f..8396232a1de 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/NoCommitData.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/NoCommitData.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import styles from './NoCommitData.css'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/NoInteractions.js b/packages/react-devtools-shared/src/devtools/views/Profiler/NoInteractions.js index 993d7136ac0..932c906cc7c 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/NoInteractions.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/NoInteractions.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import styles from './NoInteractions.css'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js b/packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js index 868f4add55e..8be66852593 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/Profiler.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useContext} from 'react'; +import * as React from 'react'; +import {Fragment, useContext} from 'react'; import {ModalDialog} from '../ModalDialog'; import {ProfilerContext} from './ProfilerContext'; import TabBar from '../TabBar'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilerContext.js b/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilerContext.js index 4c3bc8834fa..71b82267b83 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilerContext.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilerContext.js @@ -7,13 +7,8 @@ * @flow */ -import React, { - createContext, - useCallback, - useContext, - useMemo, - useState, -} from 'react'; +import * as React from 'react'; +import {createContext, useCallback, useContext, useMemo, useState} from 'react'; import {unstable_batchedUpdates as batchedUpdates} from 'react-dom'; import {useLocalStorage, useSubscription} from '../hooks'; import { diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.js b/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.js index b23d797aa32..8d7112b31e2 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/ProfilingImportExportButtons.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useContext, useCallback, useRef} from 'react'; +import * as React from 'react'; +import {Fragment, useContext, useCallback, useRef} from 'react'; import {ProfilerContext} from './ProfilerContext'; import {ModalDialogContext} from '../ModalDialog'; import Button from '../Button'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/RecordToggle.js b/packages/react-devtools-shared/src/devtools/views/Profiler/RecordToggle.js index db03e74aa85..8efe9eae8e4 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/RecordToggle.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/RecordToggle.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useContext} from 'react'; +import * as React from 'react'; +import {useContext} from 'react'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; import {ProfilerContext} from './ProfilerContext'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/ReloadAndProfileButton.js b/packages/react-devtools-shared/src/devtools/views/Profiler/ReloadAndProfileButton.js index d3772ead4d1..a54804bdce7 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/ReloadAndProfileButton.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/ReloadAndProfileButton.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback, useContext, useMemo} from 'react'; +import * as React from 'react'; +import {useCallback, useContext, useMemo} from 'react'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; import {BridgeContext, StoreContext} from '../context'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/RootSelector.js b/packages/react-devtools-shared/src/devtools/views/Profiler/RootSelector.js index b911faff35b..4506847e745 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/RootSelector.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/RootSelector.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useCallback, useContext} from 'react'; +import * as React from 'react'; +import {Fragment, useCallback, useContext} from 'react'; import {ProfilerContext} from './ProfilerContext'; import styles from './RootSelector.css'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarCommitInfo.js b/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarCommitInfo.js index 735065f2809..6cff0e209fa 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarCommitInfo.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarCommitInfo.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useContext} from 'react'; +import * as React from 'react'; +import {Fragment, useContext} from 'react'; import {ProfilerContext} from './ProfilerContext'; import {formatDuration, formatTime} from './utils'; import {StoreContext} from '../context'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarInteractions.js b/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarInteractions.js index 21787d5fb1f..186ec24250e 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarInteractions.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarInteractions.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useContext} from 'react'; +import * as React from 'react'; +import {Fragment, useContext} from 'react'; import {ProfilerContext} from './ProfilerContext'; import {formatDuration, formatTime} from './utils'; import {StoreContext} from '../context'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.js b/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.js index 71bba3f4124..79244eb9038 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/SidebarSelectedFiberInfo.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useContext} from 'react'; +import * as React from 'react'; +import {Fragment, useContext} from 'react'; import WhatChanged from './WhatChanged'; import {ProfilerContext} from './ProfilerContext'; import {formatDuration, formatTime} from './utils'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitList.js b/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitList.js index 1723b9d5c7f..54b5370991e 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitList.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitList.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react'; +import * as React from 'react'; +import {useCallback, useEffect, useMemo, useRef, useState} from 'react'; import AutoSizer from 'react-virtualized-auto-sizer'; import {FixedSizeList} from 'react-window'; import SnapshotCommitListItem from './SnapshotCommitListItem'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.js b/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.js index feb69c8f7c8..e49a0c15344 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotCommitListItem.js @@ -7,7 +7,8 @@ * @flow */ -import React, {memo, useCallback} from 'react'; +import * as React from 'react'; +import {memo, useCallback} from 'react'; import {areEqual} from 'react-window'; import {getGradientColor, formatDuration, formatTime} from './utils'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.js b/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.js index 41d5e7a77ed..c67b895edf4 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/SnapshotSelector.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useCallback, useContext, useMemo} from 'react'; +import * as React from 'react'; +import {Fragment, useCallback, useContext, useMemo} from 'react'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; import {ProfilerContext} from './ProfilerContext'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/Tooltip.js b/packages/react-devtools-shared/src/devtools/views/Profiler/Tooltip.js index 87caa444a09..041b55134c9 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/Tooltip.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/Tooltip.js @@ -1,6 +1,7 @@ /** @flow */ -import React, {useRef} from 'react'; +import * as React from 'react'; +import {useRef} from 'react'; import styles from './Tooltip.css'; diff --git a/packages/react-devtools-shared/src/devtools/views/Profiler/WhatChanged.js b/packages/react-devtools-shared/src/devtools/views/Profiler/WhatChanged.js index 54ca15e19b8..00bdedddc9c 100644 --- a/packages/react-devtools-shared/src/devtools/views/Profiler/WhatChanged.js +++ b/packages/react-devtools-shared/src/devtools/views/Profiler/WhatChanged.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useContext} from 'react'; +import * as React from 'react'; +import {useContext} from 'react'; import {ProfilerContext} from '../Profiler/ProfilerContext'; import {StoreContext} from '../context'; diff --git a/packages/react-devtools-shared/src/devtools/views/ReactLogo.js b/packages/react-devtools-shared/src/devtools/views/ReactLogo.js index 5ae9e09e9d4..8f9cfc15c24 100644 --- a/packages/react-devtools-shared/src/devtools/views/ReactLogo.js +++ b/packages/react-devtools-shared/src/devtools/views/ReactLogo.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import styles from './ReactLogo.css'; diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js b/packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js index 8244a4b83d6..6e25adaa5d5 100644 --- a/packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js +++ b/packages/react-devtools-shared/src/devtools/views/Settings/ComponentsSettings.js @@ -7,7 +7,8 @@ * @flow */ -import React, { +import * as React from 'react'; +import { useCallback, useContext, useEffect, diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/GeneralSettings.js b/packages/react-devtools-shared/src/devtools/views/Settings/GeneralSettings.js index 4e7ce6357c6..6595c04d71d 100644 --- a/packages/react-devtools-shared/src/devtools/views/Settings/GeneralSettings.js +++ b/packages/react-devtools-shared/src/devtools/views/Settings/GeneralSettings.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useContext} from 'react'; +import * as React from 'react'; +import {useContext} from 'react'; import {SettingsContext} from './SettingsContext'; import {StoreContext} from '../context'; import {CHANGE_LOG_URL} from 'react-devtools-shared/src/constants'; diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/ProfilerSettings.js b/packages/react-devtools-shared/src/devtools/views/Settings/ProfilerSettings.js index 72651542294..7a2c8ede453 100644 --- a/packages/react-devtools-shared/src/devtools/views/Settings/ProfilerSettings.js +++ b/packages/react-devtools-shared/src/devtools/views/Settings/ProfilerSettings.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback, useContext, useMemo, useRef} from 'react'; +import * as React from 'react'; +import {useCallback, useContext, useMemo, useRef} from 'react'; import {useSubscription} from '../hooks'; import {StoreContext} from '../context'; import {ProfilerContext} from 'react-devtools-shared/src/devtools/views/Profiler/ProfilerContext'; diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsContext.js b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsContext.js index ce6dc6022f2..3bafda92f74 100644 --- a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsContext.js +++ b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsContext.js @@ -7,7 +7,8 @@ * @flow */ -import React, { +import * as React from 'react'; +import { createContext, useContext, useEffect, diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModal.js b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModal.js index e76dae65182..adad478c684 100644 --- a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModal.js +++ b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModal.js @@ -7,13 +7,8 @@ * @flow */ -import React, { - useCallback, - useContext, - useEffect, - useMemo, - useRef, -} from 'react'; +import * as React from 'react'; +import {useCallback, useContext, useEffect, useMemo, useRef} from 'react'; import {SettingsModalContext} from './SettingsModalContext'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContext.js b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContext.js index 694e8598087..d3b500cee87 100644 --- a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContext.js +++ b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContext.js @@ -7,7 +7,8 @@ * @flow */ -import React, {createContext, useMemo, useState} from 'react'; +import * as React from 'react'; +import {createContext, useMemo, useState} from 'react'; export type DisplayDensity = 'comfortable' | 'compact'; export type Theme = 'auto' | 'light' | 'dark'; diff --git a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle.js b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle.js index 465f835a05a..c20124d90f6 100644 --- a/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle.js +++ b/packages/react-devtools-shared/src/devtools/views/Settings/SettingsModalContextToggle.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback, useContext, useMemo} from 'react'; +import * as React from 'react'; +import {useCallback, useContext, useMemo} from 'react'; import {SettingsModalContext} from './SettingsModalContext'; import Button from '../Button'; import ButtonIcon from '../ButtonIcon'; diff --git a/packages/react-devtools-shared/src/devtools/views/TabBar.js b/packages/react-devtools-shared/src/devtools/views/TabBar.js index 7e6b9b9e986..18664dae86b 100644 --- a/packages/react-devtools-shared/src/devtools/views/TabBar.js +++ b/packages/react-devtools-shared/src/devtools/views/TabBar.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useCallback} from 'react'; +import * as React from 'react'; +import {Fragment, useCallback} from 'react'; import Tooltip from '@reach/tooltip'; import Icon from './Icon'; diff --git a/packages/react-devtools-shared/src/devtools/views/Toggle.js b/packages/react-devtools-shared/src/devtools/views/Toggle.js index 1eaaa737389..c5961a9bbfc 100644 --- a/packages/react-devtools-shared/src/devtools/views/Toggle.js +++ b/packages/react-devtools-shared/src/devtools/views/Toggle.js @@ -7,7 +7,8 @@ * @flow */ -import React, {useCallback} from 'react'; +import * as React from 'react'; +import {useCallback} from 'react'; import Tooltip from '@reach/tooltip'; import styles from './Toggle.css'; diff --git a/packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js b/packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js index 1f35eee3c85..e28398d7f64 100644 --- a/packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js +++ b/packages/react-devtools-shared/src/devtools/views/UnsupportedVersionDialog.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useContext, useEffect, useState} from 'react'; +import * as React from 'react'; +import {Fragment, useContext, useEffect, useState} from 'react'; import {unstable_batchedUpdates as batchedUpdates} from 'react-dom'; import {ModalDialogContext} from './ModalDialog'; import {StoreContext} from './context'; diff --git a/packages/react-devtools-shared/src/devtools/views/WarnIfLegacyBackendDetected.js b/packages/react-devtools-shared/src/devtools/views/WarnIfLegacyBackendDetected.js index cb4933f8dbd..12d88c05622 100644 --- a/packages/react-devtools-shared/src/devtools/views/WarnIfLegacyBackendDetected.js +++ b/packages/react-devtools-shared/src/devtools/views/WarnIfLegacyBackendDetected.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useContext, useEffect} from 'react'; +import * as React from 'react'; +import {Fragment, useContext, useEffect} from 'react'; import {BridgeContext} from './context'; import {ModalDialogContext} from './ModalDialog'; diff --git a/packages/react-devtools-shared/src/devtools/views/portaledContent.js b/packages/react-devtools-shared/src/devtools/views/portaledContent.js index cf312787f5e..be51534f1b6 100644 --- a/packages/react-devtools-shared/src/devtools/views/portaledContent.js +++ b/packages/react-devtools-shared/src/devtools/views/portaledContent.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import {createPortal} from 'react-dom'; import ErrorBoundary from './ErrorBoundary'; diff --git a/packages/react-devtools-shell/src/app/DeeplyNestedComponents/index.js b/packages/react-devtools-shell/src/app/DeeplyNestedComponents/index.js index bc6b05fa9d7..613914e8abf 100644 --- a/packages/react-devtools-shell/src/app/DeeplyNestedComponents/index.js +++ b/packages/react-devtools-shell/src/app/DeeplyNestedComponents/index.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment} from 'react'; +import * as React from 'react'; +import {Fragment} from 'react'; function wrapWithHoc(Component, index) { function HOC() { diff --git a/packages/react-devtools-shell/src/app/EditableProps/index.js b/packages/react-devtools-shell/src/app/EditableProps/index.js index 220a58c17be..306ac73b91a 100644 --- a/packages/react-devtools-shell/src/app/EditableProps/index.js +++ b/packages/react-devtools-shell/src/app/EditableProps/index.js @@ -7,7 +7,8 @@ * @flow */ -import React, { +import * as React from 'react'; +import { createContext, Component, forwardRef, diff --git a/packages/react-devtools-shell/src/app/ElementTypes/index.js b/packages/react-devtools-shell/src/app/ElementTypes/index.js index 1b7bb0d32fc..3b2c97dae50 100644 --- a/packages/react-devtools-shell/src/app/ElementTypes/index.js +++ b/packages/react-devtools-shell/src/app/ElementTypes/index.js @@ -7,7 +7,8 @@ * @flow */ -import React, { +import * as React from 'react'; +import { createContext, forwardRef, lazy, diff --git a/packages/react-devtools-shell/src/app/Hydration/index.js b/packages/react-devtools-shell/src/app/Hydration/index.js index d2be0e69017..1cf78ecddc5 100644 --- a/packages/react-devtools-shell/src/app/Hydration/index.js +++ b/packages/react-devtools-shell/src/app/Hydration/index.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useDebugValue, useState} from 'react'; +import * as React from 'react'; +import {Fragment, useDebugValue, useState} from 'react'; const div = document.createElement('div'); const exmapleFunction = () => {}; diff --git a/packages/react-devtools-shell/src/app/Iframe/index.js b/packages/react-devtools-shell/src/app/Iframe/index.js index 394b0d680f9..d22c33f2d9e 100644 --- a/packages/react-devtools-shell/src/app/Iframe/index.js +++ b/packages/react-devtools-shell/src/app/Iframe/index.js @@ -1,7 +1,8 @@ /** @flow */ -import React, {Fragment} from 'react'; -import ReactDOM from 'react-dom'; +import * as React from 'react'; +import {Fragment} from 'react'; +import * as ReactDOM from 'react-dom'; export default function Iframe() { return ( diff --git a/packages/react-devtools-shell/src/app/InspectableElements/CircularReferences.js b/packages/react-devtools-shell/src/app/InspectableElements/CircularReferences.js index f2320c490a1..ffce696fa8e 100644 --- a/packages/react-devtools-shell/src/app/InspectableElements/CircularReferences.js +++ b/packages/react-devtools-shell/src/app/InspectableElements/CircularReferences.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; const arrayOne = []; const arrayTwo = []; diff --git a/packages/react-devtools-shell/src/app/InspectableElements/Contexts.js b/packages/react-devtools-shell/src/app/InspectableElements/Contexts.js index 776e043feca..030e995e356 100644 --- a/packages/react-devtools-shell/src/app/InspectableElements/Contexts.js +++ b/packages/react-devtools-shell/src/app/InspectableElements/Contexts.js @@ -7,7 +7,8 @@ * @flow */ -import React, {createContext, Component, Fragment, useContext} from 'react'; +import * as React from 'react'; +import {createContext, Component, Fragment, useContext} from 'react'; import PropTypes from 'prop-types'; function someNamedFunction() {} diff --git a/packages/react-devtools-shell/src/app/InspectableElements/CustomHooks.js b/packages/react-devtools-shell/src/app/InspectableElements/CustomHooks.js index e363c35d58b..cf23fbd2159 100644 --- a/packages/react-devtools-shell/src/app/InspectableElements/CustomHooks.js +++ b/packages/react-devtools-shell/src/app/InspectableElements/CustomHooks.js @@ -7,7 +7,8 @@ * @flow */ -import React, { +import * as React from 'react'; +import { forwardRef, Fragment, memo, diff --git a/packages/react-devtools-shell/src/app/InspectableElements/CustomObject.js b/packages/react-devtools-shell/src/app/InspectableElements/CustomObject.js index be8e53b5e78..c4557e5879a 100644 --- a/packages/react-devtools-shell/src/app/InspectableElements/CustomObject.js +++ b/packages/react-devtools-shell/src/app/InspectableElements/CustomObject.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; class Custom { _number = 42; diff --git a/packages/react-devtools-shell/src/app/InspectableElements/EdgeCaseObjects.js b/packages/react-devtools-shell/src/app/InspectableElements/EdgeCaseObjects.js index 5303b9a281d..b747f855dae 100644 --- a/packages/react-devtools-shell/src/app/InspectableElements/EdgeCaseObjects.js +++ b/packages/react-devtools-shell/src/app/InspectableElements/EdgeCaseObjects.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; const objectWithModifiedHasOwnProperty = { foo: 'abc', diff --git a/packages/react-devtools-shell/src/app/InspectableElements/InspectableElements.js b/packages/react-devtools-shell/src/app/InspectableElements/InspectableElements.js index 62cf39fe976..49fc1c4f2ed 100644 --- a/packages/react-devtools-shell/src/app/InspectableElements/InspectableElements.js +++ b/packages/react-devtools-shell/src/app/InspectableElements/InspectableElements.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment} from 'react'; +import * as React from 'react'; +import {Fragment} from 'react'; import UnserializableProps from './UnserializableProps'; import CircularReferences from './CircularReferences'; import Contexts from './Contexts'; diff --git a/packages/react-devtools-shell/src/app/InspectableElements/NestedProps.js b/packages/react-devtools-shell/src/app/InspectableElements/NestedProps.js index 24076e85951..16ccad8d32e 100644 --- a/packages/react-devtools-shell/src/app/InspectableElements/NestedProps.js +++ b/packages/react-devtools-shell/src/app/InspectableElements/NestedProps.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; const object = { string: 'abc', diff --git a/packages/react-devtools-shell/src/app/InspectableElements/SimpleValues.js b/packages/react-devtools-shell/src/app/InspectableElements/SimpleValues.js index 1a748d926d0..6623e53d03c 100644 --- a/packages/react-devtools-shell/src/app/InspectableElements/SimpleValues.js +++ b/packages/react-devtools-shell/src/app/InspectableElements/SimpleValues.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Component} from 'react'; +import * as React from 'react'; +import {Component} from 'react'; function noop() {} diff --git a/packages/react-devtools-shell/src/app/InspectableElements/UnserializableProps.js b/packages/react-devtools-shell/src/app/InspectableElements/UnserializableProps.js index 982ea652842..f0f08b7d173 100644 --- a/packages/react-devtools-shell/src/app/InspectableElements/UnserializableProps.js +++ b/packages/react-devtools-shell/src/app/InspectableElements/UnserializableProps.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import Immutable from 'immutable'; const set = new Set(['abc', 123]); diff --git a/packages/react-devtools-shell/src/app/InteractionTracing/index.js b/packages/react-devtools-shell/src/app/InteractionTracing/index.js index 9d713d8fe5b..fd9bb891e0e 100644 --- a/packages/react-devtools-shell/src/app/InteractionTracing/index.js +++ b/packages/react-devtools-shell/src/app/InteractionTracing/index.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useCallback, useEffect, useState} from 'react'; +import * as React from 'react'; +import {Fragment, useCallback, useEffect, useState} from 'react'; import {unstable_batchedUpdates as batchedUpdates} from 'react-dom'; import { unstable_trace as trace, diff --git a/packages/react-devtools-shell/src/app/PriorityLevels/index.js b/packages/react-devtools-shell/src/app/PriorityLevels/index.js index c19e02868f9..32858eb08a0 100644 --- a/packages/react-devtools-shell/src/app/PriorityLevels/index.js +++ b/packages/react-devtools-shell/src/app/PriorityLevels/index.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useCallback, useState} from 'react'; +import * as React from 'react'; +import {Fragment, useCallback, useState} from 'react'; import { unstable_IdlePriority as IdlePriority, unstable_LowPriority as LowPriority, diff --git a/packages/react-devtools-shell/src/app/ReactNativeWeb/index.js b/packages/react-devtools-shell/src/app/ReactNativeWeb/index.js index 2f0ca88d324..89a0badca15 100644 --- a/packages/react-devtools-shell/src/app/ReactNativeWeb/index.js +++ b/packages/react-devtools-shell/src/app/ReactNativeWeb/index.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useState} from 'react'; +import * as React from 'react'; +import {Fragment, useState} from 'react'; // $FlowFixMe import {Button, Text, View} from 'react-native-web'; diff --git a/packages/react-devtools-shell/src/app/SuspenseTree/index.js b/packages/react-devtools-shell/src/app/SuspenseTree/index.js index 4763b51a429..73701922d22 100644 --- a/packages/react-devtools-shell/src/app/SuspenseTree/index.js +++ b/packages/react-devtools-shell/src/app/SuspenseTree/index.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, Suspense, SuspenseList, useState} from 'react'; +import * as React from 'react'; +import {Fragment, Suspense, SuspenseList, useState} from 'react'; function SuspenseTree() { return ( diff --git a/packages/react-devtools-shell/src/app/ToDoList/List.js b/packages/react-devtools-shell/src/app/ToDoList/List.js index e3fee200807..47dbb3f6abb 100644 --- a/packages/react-devtools-shell/src/app/ToDoList/List.js +++ b/packages/react-devtools-shell/src/app/ToDoList/List.js @@ -7,7 +7,8 @@ * @flow */ -import React, {Fragment, useCallback, useState} from 'react'; +import * as React from 'react'; +import {Fragment, useCallback, useState} from 'react'; import ListItem from './ListItem'; import styles from './List.css'; diff --git a/packages/react-devtools-shell/src/app/ToDoList/ListItem.js b/packages/react-devtools-shell/src/app/ToDoList/ListItem.js index 9ef1afffdf4..5d816f652c8 100644 --- a/packages/react-devtools-shell/src/app/ToDoList/ListItem.js +++ b/packages/react-devtools-shell/src/app/ToDoList/ListItem.js @@ -7,7 +7,8 @@ * @flow */ -import React, {memo, useCallback} from 'react'; +import * as React from 'react'; +import {memo, useCallback} from 'react'; import styles from './ListItem.css'; import type {Item} from './List'; diff --git a/packages/react-devtools-shell/src/app/Toggle/index.js b/packages/react-devtools-shell/src/app/Toggle/index.js index 9740c797de8..98b816d8837 100644 --- a/packages/react-devtools-shell/src/app/Toggle/index.js +++ b/packages/react-devtools-shell/src/app/Toggle/index.js @@ -1,4 +1,5 @@ -import React, {useState} from 'react'; +import * as React from 'react'; +import {useState} from 'react'; export default function Toggle() { const [show, setShow] = useState(false); diff --git a/packages/react-dom/src/client/ReactDOMOption.js b/packages/react-dom/src/client/ReactDOMOption.js index d18813cfa44..a06eb826767 100644 --- a/packages/react-dom/src/client/ReactDOMOption.js +++ b/packages/react-dom/src/client/ReactDOMOption.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import {getToStringValue, toString} from './ToStringValue'; let didWarnSelectedSetOnOption = false; diff --git a/packages/react-dom/src/server/ReactPartialRenderer.js b/packages/react-dom/src/server/ReactPartialRenderer.js index ecee219346a..e06f1df9bcd 100644 --- a/packages/react-dom/src/server/ReactPartialRenderer.js +++ b/packages/react-dom/src/server/ReactPartialRenderer.js @@ -12,7 +12,7 @@ import type {ReactElement} from 'shared/ReactElementType'; import type {LazyComponent} from 'shared/ReactLazyComponent'; import type {ReactProvider, ReactContext} from 'shared/ReactTypes'; -import React from 'react'; +import * as React from 'react'; import invariant from 'shared/invariant'; import getComponentName from 'shared/getComponentName'; import describeComponentFrame from 'shared/describeComponentFrame'; diff --git a/packages/react-dom/src/shared/checkReact.js b/packages/react-dom/src/shared/checkReact.js index cca72f50517..860628b81fb 100644 --- a/packages/react-dom/src/shared/checkReact.js +++ b/packages/react-dom/src/shared/checkReact.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import invariant from 'shared/invariant'; invariant( diff --git a/packages/react-dom/src/test-utils/ReactTestUtils.js b/packages/react-dom/src/test-utils/ReactTestUtils.js index 18e4c50ee2e..5ac2948c1c3 100644 --- a/packages/react-dom/src/test-utils/ReactTestUtils.js +++ b/packages/react-dom/src/test-utils/ReactTestUtils.js @@ -5,8 +5,8 @@ * LICENSE file in the root directory of this source tree. */ -import React from 'react'; -import ReactDOM from 'react-dom'; +import * as React from 'react'; +import * as ReactDOM from 'react-dom'; import {findCurrentFiberUsingSlowPath} from 'react-reconciler/reflection'; import {get as getInstance} from 'shared/ReactInstanceMap'; import { diff --git a/packages/react-dom/src/test-utils/ReactTestUtilsAct.js b/packages/react-dom/src/test-utils/ReactTestUtilsAct.js index 7aa5b916820..cdf387cc1ce 100644 --- a/packages/react-dom/src/test-utils/ReactTestUtilsAct.js +++ b/packages/react-dom/src/test-utils/ReactTestUtilsAct.js @@ -9,7 +9,7 @@ import type {Thenable} from 'react-reconciler/src/ReactFiberWorkLoop'; -import ReactDOM from 'react-dom'; +import * as ReactDOM from 'react-dom'; import ReactSharedInternals from 'shared/ReactSharedInternals'; import enqueueTask from 'shared/enqueueTask'; import * as Scheduler from 'scheduler'; diff --git a/packages/react-dom/src/unstable-native-dependencies/ReactDOMUnstableNativeDependencies.js b/packages/react-dom/src/unstable-native-dependencies/ReactDOMUnstableNativeDependencies.js index 26b8f728cd8..622819940bd 100644 --- a/packages/react-dom/src/unstable-native-dependencies/ReactDOMUnstableNativeDependencies.js +++ b/packages/react-dom/src/unstable-native-dependencies/ReactDOMUnstableNativeDependencies.js @@ -5,7 +5,7 @@ * LICENSE file in the root directory of this source tree. */ -import ReactDOM from 'react-dom'; +import * as ReactDOM from 'react-dom'; import {setComponentTree} from 'legacy-events/EventPluginUtils'; import ResponderEventPlugin from 'legacy-events/ResponderEventPlugin'; import ResponderTouchHistoryStore from 'legacy-events/ResponderTouchHistoryStore'; diff --git a/packages/react-interactions/events/src/dom/ContextMenu.js b/packages/react-interactions/events/src/dom/ContextMenu.js index 1861eef1a62..5304e6be527 100644 --- a/packages/react-interactions/events/src/dom/ContextMenu.js +++ b/packages/react-interactions/events/src/dom/ContextMenu.js @@ -14,7 +14,7 @@ import type { } from 'shared/ReactDOMTypes'; import type {ReactEventResponderListener} from 'shared/ReactTypes'; -import React from 'react'; +import * as React from 'react'; import {DiscreteEvent} from 'shared/ReactTypes'; type ContextMenuProps = {| diff --git a/packages/react-interactions/events/src/dom/Focus.js b/packages/react-interactions/events/src/dom/Focus.js index f4f5e4a0fed..5b4e1849152 100644 --- a/packages/react-interactions/events/src/dom/Focus.js +++ b/packages/react-interactions/events/src/dom/Focus.js @@ -14,7 +14,7 @@ import type { } from 'shared/ReactDOMTypes'; import type {ReactEventResponderListener} from 'shared/ReactTypes'; -import React from 'react'; +import * as React from 'react'; import {DiscreteEvent} from 'shared/ReactTypes'; /** diff --git a/packages/react-interactions/events/src/dom/Hover.js b/packages/react-interactions/events/src/dom/Hover.js index 503ee787ec2..73c18714c92 100644 --- a/packages/react-interactions/events/src/dom/Hover.js +++ b/packages/react-interactions/events/src/dom/Hover.js @@ -14,7 +14,7 @@ import type { } from 'shared/ReactDOMTypes'; import type {ReactEventResponderListener} from 'shared/ReactTypes'; -import React from 'react'; +import * as React from 'react'; import {UserBlockingEvent} from 'shared/ReactTypes'; type HoverProps = { diff --git a/packages/react-interactions/events/src/dom/Input.js b/packages/react-interactions/events/src/dom/Input.js index ba4c6f5f7d5..f7f40546d4f 100644 --- a/packages/react-interactions/events/src/dom/Input.js +++ b/packages/react-interactions/events/src/dom/Input.js @@ -12,7 +12,7 @@ import type { ReactDOMResponderContext, } from 'shared/ReactDOMTypes'; -import React from 'react'; +import * as React from 'react'; import {DiscreteEvent} from 'shared/ReactTypes'; import type {ReactEventResponderListener} from 'shared/ReactTypes'; diff --git a/packages/react-interactions/events/src/dom/Keyboard.js b/packages/react-interactions/events/src/dom/Keyboard.js index 289fc906706..fa3575849cd 100644 --- a/packages/react-interactions/events/src/dom/Keyboard.js +++ b/packages/react-interactions/events/src/dom/Keyboard.js @@ -13,7 +13,7 @@ import type { } from 'shared/ReactDOMTypes'; import type {ReactEventResponderListener} from 'shared/ReactTypes'; -import React from 'react'; +import * as React from 'react'; import {DiscreteEvent} from 'shared/ReactTypes'; import {isVirtualClick} from './shared'; diff --git a/packages/react-interactions/events/src/dom/Press.js b/packages/react-interactions/events/src/dom/Press.js index 6c5a240eab4..4cdef4aad4d 100644 --- a/packages/react-interactions/events/src/dom/Press.js +++ b/packages/react-interactions/events/src/dom/Press.js @@ -9,7 +9,7 @@ import type {PointerType} from 'shared/ReactDOMTypes'; -import React from 'react'; +import * as React from 'react'; import {useTap} from 'react-interactions/events/tap'; import {useKeyboard} from 'react-interactions/events/keyboard'; diff --git a/packages/react-interactions/events/src/dom/PressLegacy.js b/packages/react-interactions/events/src/dom/PressLegacy.js index c81bd3de9a5..19ba8adda01 100644 --- a/packages/react-interactions/events/src/dom/PressLegacy.js +++ b/packages/react-interactions/events/src/dom/PressLegacy.js @@ -17,7 +17,7 @@ import type { ReactEventResponderListener, } from 'shared/ReactTypes'; -import React from 'react'; +import * as React from 'react'; import {DiscreteEvent, UserBlockingEvent} from 'shared/ReactTypes'; type PressProps = {| diff --git a/packages/react-interactions/events/src/dom/Tap.js b/packages/react-interactions/events/src/dom/Tap.js index 127483d26dc..dc0032abc87 100644 --- a/packages/react-interactions/events/src/dom/Tap.js +++ b/packages/react-interactions/events/src/dom/Tap.js @@ -14,7 +14,7 @@ import type { } from 'shared/ReactDOMTypes'; import type {ReactEventResponderListener} from 'shared/ReactTypes'; -import React from 'react'; +import * as React from 'react'; import { buttonsEnum, dispatchDiscreteEvent, diff --git a/packages/react-reconciler/src/ReactFiberClassComponent.js b/packages/react-reconciler/src/ReactFiberClassComponent.js index ba49e62804a..84c0625c510 100644 --- a/packages/react-reconciler/src/ReactFiberClassComponent.js +++ b/packages/react-reconciler/src/ReactFiberClassComponent.js @@ -11,7 +11,7 @@ import type {Fiber} from './ReactFiber'; import type {ExpirationTime} from './ReactFiberExpirationTime'; import type {UpdateQueue} from './ReactUpdateQueue'; -import React from 'react'; +import * as React from 'react'; import {Update, Snapshot} from 'shared/ReactSideEffectTags'; import { debugRenderPhaseSideEffectsForStrictMode, diff --git a/packages/react-test-renderer/src/ReactShallowRenderer.js b/packages/react-test-renderer/src/ReactShallowRenderer.js index 6c20c5700d9..abdd4937048 100644 --- a/packages/react-test-renderer/src/ReactShallowRenderer.js +++ b/packages/react-test-renderer/src/ReactShallowRenderer.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; import {isForwardRef, isMemo, ForwardRef} from 'react-is'; import describeComponentFrame from 'shared/describeComponentFrame'; import getComponentName from 'shared/getComponentName'; diff --git a/packages/shared/ReactSharedInternals.js b/packages/shared/ReactSharedInternals.js index 852e31ddf65..442b1aac3ec 100644 --- a/packages/shared/ReactSharedInternals.js +++ b/packages/shared/ReactSharedInternals.js @@ -5,7 +5,7 @@ * LICENSE file in the root directory of this source tree. */ -import React from 'react'; +import * as React from 'react'; const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; diff --git a/packages/shared/forks/Scheduler.umd.js b/packages/shared/forks/Scheduler.umd.js index 1af2012376d..d836bba49ab 100644 --- a/packages/shared/forks/Scheduler.umd.js +++ b/packages/shared/forks/Scheduler.umd.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; const ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; diff --git a/packages/shared/forks/SchedulerTracing.umd.js b/packages/shared/forks/SchedulerTracing.umd.js index 0129a7fc4a1..2fb835e95b8 100644 --- a/packages/shared/forks/SchedulerTracing.umd.js +++ b/packages/shared/forks/SchedulerTracing.umd.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; const ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED; diff --git a/packages/shared/forks/object-assign.umd.js b/packages/shared/forks/object-assign.umd.js index 229aa249b4a..3e5d03c3cca 100644 --- a/packages/shared/forks/object-assign.umd.js +++ b/packages/shared/forks/object-assign.umd.js @@ -7,7 +7,7 @@ * @flow */ -import React from 'react'; +import * as React from 'react'; const ReactInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;