From 09348798a912c8682e57c35842aa7a007e13fdb9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sebastian=20Markb=C3=A5ge?= Date: Fri, 21 Feb 2020 19:45:20 -0800 Subject: [PATCH] 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" --- packages/create-subscription/src/createSubscription.js | 2 +- packages/react-art/src/ReactART.js | 2 +- packages/react-cache/src/ReactCache.js | 2 +- packages/react-devtools-inline/src/frontend.js | 3 ++- .../src/devtools/ContextMenu/ContextMenu.js | 9 ++------- .../src/devtools/ContextMenu/ContextMenuItem.js | 3 ++- packages/react-devtools-shared/src/devtools/cache.js | 3 ++- .../react-devtools-shared/src/devtools/views/Button.js | 2 +- .../src/devtools/views/ButtonIcon.js | 2 +- .../src/devtools/views/Components/Badge.js | 3 ++- .../src/devtools/views/Components/Components.js | 3 ++- .../src/devtools/views/Components/EditableName.js | 3 ++- .../src/devtools/views/Components/EditableValue.js | 3 ++- .../src/devtools/views/Components/Element.js | 3 ++- .../devtools/views/Components/ExpandCollapseToggle.js | 2 +- .../src/devtools/views/Components/HocBadges.js | 2 +- .../src/devtools/views/Components/HooksTree.js | 3 ++- .../devtools/views/Components/InspectHostNodesToggle.js | 3 ++- .../devtools/views/Components/InspectedElementContext.js | 3 ++- .../devtools/views/Components/InspectedElementTree.js | 3 ++- .../src/devtools/views/Components/KeyValue.js | 3 ++- .../views/Components/NativeStyleEditor/AutoSizeInput.js | 3 ++- .../views/Components/NativeStyleEditor/LayoutViewer.js | 2 +- .../views/Components/NativeStyleEditor/StyleEditor.js | 3 ++- .../views/Components/NativeStyleEditor/context.js | 3 ++- .../devtools/views/Components/NativeStyleEditor/index.js | 3 ++- .../src/devtools/views/Components/OwnersListContext.js | 3 ++- .../src/devtools/views/Components/OwnersStack.js | 3 ++- .../src/devtools/views/Components/SearchInput.js | 3 ++- .../src/devtools/views/Components/SelectedElement.js | 3 ++- .../devtools/views/Components/SelectedTreeHighlight.js | 3 ++- .../src/devtools/views/Components/Tree.js | 3 ++- .../src/devtools/views/Components/TreeContext.js | 3 ++- .../react-devtools-shared/src/devtools/views/DevTools.js | 3 ++- .../src/devtools/views/ErrorBoundary.js | 3 ++- .../react-devtools-shared/src/devtools/views/Icon.js | 2 +- .../src/devtools/views/ModalDialog.js | 3 ++- .../src/devtools/views/Profiler/ChartNode.js | 2 +- .../devtools/views/Profiler/ClearProfilingDataButton.js | 3 ++- .../src/devtools/views/Profiler/CommitFlamegraph.js | 9 ++------- .../devtools/views/Profiler/CommitFlamegraphListItem.js | 3 ++- .../src/devtools/views/Profiler/CommitRanked.js | 3 ++- .../src/devtools/views/Profiler/CommitRankedListItem.js | 3 ++- .../src/devtools/views/Profiler/HoveredFiberInfo.js | 3 ++- .../src/devtools/views/Profiler/InteractionListItem.js | 3 ++- .../src/devtools/views/Profiler/Interactions.js | 3 ++- .../src/devtools/views/Profiler/NoCommitData.js | 2 +- .../src/devtools/views/Profiler/NoInteractions.js | 2 +- .../src/devtools/views/Profiler/Profiler.js | 3 ++- .../src/devtools/views/Profiler/ProfilerContext.js | 9 ++------- .../views/Profiler/ProfilingImportExportButtons.js | 3 ++- .../src/devtools/views/Profiler/RecordToggle.js | 3 ++- .../devtools/views/Profiler/ReloadAndProfileButton.js | 3 ++- .../src/devtools/views/Profiler/RootSelector.js | 3 ++- .../src/devtools/views/Profiler/SidebarCommitInfo.js | 3 ++- .../src/devtools/views/Profiler/SidebarInteractions.js | 3 ++- .../devtools/views/Profiler/SidebarSelectedFiberInfo.js | 3 ++- .../src/devtools/views/Profiler/SnapshotCommitList.js | 3 ++- .../devtools/views/Profiler/SnapshotCommitListItem.js | 3 ++- .../src/devtools/views/Profiler/SnapshotSelector.js | 3 ++- .../src/devtools/views/Profiler/Tooltip.js | 3 ++- .../src/devtools/views/Profiler/WhatChanged.js | 3 ++- .../src/devtools/views/ReactLogo.js | 2 +- .../src/devtools/views/Settings/ComponentsSettings.js | 3 ++- .../src/devtools/views/Settings/GeneralSettings.js | 3 ++- .../src/devtools/views/Settings/ProfilerSettings.js | 3 ++- .../src/devtools/views/Settings/SettingsContext.js | 3 ++- .../src/devtools/views/Settings/SettingsModal.js | 9 ++------- .../src/devtools/views/Settings/SettingsModalContext.js | 3 ++- .../views/Settings/SettingsModalContextToggle.js | 3 ++- .../react-devtools-shared/src/devtools/views/TabBar.js | 3 ++- .../react-devtools-shared/src/devtools/views/Toggle.js | 3 ++- .../src/devtools/views/UnsupportedVersionDialog.js | 3 ++- .../src/devtools/views/WarnIfLegacyBackendDetected.js | 3 ++- .../src/devtools/views/portaledContent.js | 2 +- .../src/app/DeeplyNestedComponents/index.js | 3 ++- .../react-devtools-shell/src/app/EditableProps/index.js | 3 ++- .../react-devtools-shell/src/app/ElementTypes/index.js | 3 ++- packages/react-devtools-shell/src/app/Hydration/index.js | 3 ++- packages/react-devtools-shell/src/app/Iframe/index.js | 5 +++-- .../src/app/InspectableElements/CircularReferences.js | 2 +- .../src/app/InspectableElements/Contexts.js | 3 ++- .../src/app/InspectableElements/CustomHooks.js | 3 ++- .../src/app/InspectableElements/CustomObject.js | 2 +- .../src/app/InspectableElements/EdgeCaseObjects.js | 2 +- .../src/app/InspectableElements/InspectableElements.js | 3 ++- .../src/app/InspectableElements/NestedProps.js | 2 +- .../src/app/InspectableElements/SimpleValues.js | 3 ++- .../src/app/InspectableElements/UnserializableProps.js | 2 +- .../src/app/InteractionTracing/index.js | 3 ++- .../react-devtools-shell/src/app/PriorityLevels/index.js | 3 ++- .../react-devtools-shell/src/app/ReactNativeWeb/index.js | 3 ++- .../react-devtools-shell/src/app/SuspenseTree/index.js | 3 ++- packages/react-devtools-shell/src/app/ToDoList/List.js | 3 ++- .../react-devtools-shell/src/app/ToDoList/ListItem.js | 3 ++- packages/react-devtools-shell/src/app/Toggle/index.js | 3 ++- packages/react-dom/src/client/ReactDOMOption.js | 2 +- packages/react-dom/src/server/ReactPartialRenderer.js | 2 +- packages/react-dom/src/shared/checkReact.js | 2 +- packages/react-dom/src/test-utils/ReactTestUtils.js | 4 ++-- packages/react-dom/src/test-utils/ReactTestUtilsAct.js | 2 +- .../ReactDOMUnstableNativeDependencies.js | 2 +- .../react-interactions/events/src/dom/ContextMenu.js | 2 +- packages/react-interactions/events/src/dom/Focus.js | 2 +- packages/react-interactions/events/src/dom/Hover.js | 2 +- packages/react-interactions/events/src/dom/Input.js | 2 +- packages/react-interactions/events/src/dom/Keyboard.js | 2 +- packages/react-interactions/events/src/dom/Press.js | 2 +- .../react-interactions/events/src/dom/PressLegacy.js | 2 +- packages/react-interactions/events/src/dom/Tap.js | 2 +- .../react-reconciler/src/ReactFiberClassComponent.js | 2 +- packages/react-test-renderer/src/ReactShallowRenderer.js | 2 +- packages/shared/ReactSharedInternals.js | 2 +- packages/shared/forks/Scheduler.umd.js | 2 +- packages/shared/forks/SchedulerTracing.umd.js | 2 +- packages/shared/forks/object-assign.umd.js | 2 +- 116 files changed, 195 insertions(+), 142 deletions(-) diff --git a/packages/create-subscription/src/createSubscription.js b/packages/create-subscription/src/createSubscription.js index b7750bb319..30d7b669f6 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 9b2c5382e1..71414f607c 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 ec8d93d7cd..7453b1c539 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 86f3300d4b..0172c8bbf8 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 891d24c051..467a6eaa15 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 ddfa61171b..1b8ebb7cdc 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 e389a594e8..7b0a0766a4 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 76028d53dd..c6d2525c0b 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 5edc6821bd..0c7fe00b42 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 660e4ab400..8362055cb3 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 107ef1393e..6b65e0d203 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 73b85cddf8..e73f725407 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 e501c39ade..4660eba735 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 4143bd01ce..1fa40035ef 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 234930c900..8950696b7e 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 6cf25ef234..4cf88d596d 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 f479d477f4..1c710c5e7c 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 7740542881..29782b2b30 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 0467ffd1c6..5d3ae1f74f 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 ca6616fdbe..6e480a80ed 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 e45a5488c4..54726c7e04 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 389013ee7d..2f7113193d 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 22287647c8..da5530d4a3 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 8e0210d44b..31f55da245 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 2542957f88..52e22fe23c 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 d9032e2f61..521a0642ca 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 aae74b4f84..493ee8d966 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 a42ff9ada0..6be2a69999 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 ded2f2ef06..0c8c56530f 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 432f5a5436..563cd6f637 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 ea94dbff78..1d86d59a37 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 3b6357ae85..07c779d758 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 bdd1fc04cf..8d23660dbc 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 3d19c9390e..4eac118696 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 2c8cd35b31..6d5724d7a0 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 ca1f24075a..676db1c9e2 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 34aa4b8525..014a317049 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 3f7c7b4a1f..82c58e86da 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 92a2b7519a..f07d4e7d77 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 d7a894914d..f86573037e 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 bf511d8793..c998998cb4 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 878f245c62..e20692fd4d 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 80f6dbade6..314c928cc5 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 c6e33a28ce..fa07d02b1d 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 cfc5d1229a..b720ca3e0d 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 ffbd07f886..b39d973053 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 314f397016..8396232a1d 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 993d7136ac..932c906cc7 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 868f4add55..8be6685259 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 4c3bc8834f..71b82267b8 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 b23d797aa3..8d7112b31e 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 db03e74aa8..8efe9eae8e 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 d3772ead4d..a54804bdce 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 b911faff35..4506847e74 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 735065f280..6cff0e209f 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 21787d5fb1..186ec24250 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 71bba3f412..79244eb903 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 1723b9d5c7..54b5370991 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 feb69c8f7c..e49a0c1534 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 41d5e7a77e..c67b895edf 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 87caa444a0..041b55134c 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 54ca15e19b..00bdedddc9 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 5ae9e09e9d..8f9cfc15c2 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 8244a4b83d..6e25adaa5d 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 4e7ce6357c..6595c04d71 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 7265154229..7a2c8ede45 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 ce6dc6022f..3bafda92f7 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 e76dae6518..adad478c68 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 694e859808..d3b500cee8 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 465f835a05..c20124d90f 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 7e6b9b9e98..18664dae86 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 1eaaa73738..c5961a9bbf 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 1f35eee3c8..e28398d7f6 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 cb4933f8db..12d88c0562 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 cf312787f5..be51534f1b 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 bc6b05fa9d..613914e8ab 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 220a58c17b..306ac73b91 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 1b7bb0d32f..3b2c97dae5 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 d2be0e6901..1cf78ecddc 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 394b0d680f..d22c33f2d9 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 f2320c490a..ffce696fa8 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 776e043fec..030e995e35 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 e363c35d58..cf23fbd215 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 be8e53b5e7..c4557e5879 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 5303b9a281..b747f855da 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 62cf39fe97..49fc1c4f2e 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 24076e8595..16ccad8d32 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 1a748d926d..6623e53d03 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 982ea65284..f0f08b7d17 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 9d713d8fe5..fd9bb891e0 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 c19e02868f..32858eb08a 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 2f0ca88d32..89a0badca1 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 4763b51a42..73701922d2 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 e3fee20080..47dbb3f6ab 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 9ef1afffdf..5d816f652c 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 9740c797de..98b816d883 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 d18813cfa4..a06eb82676 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 ecee219346..e06f1df9bc 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 cca72f5051..860628b81f 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 18e4c50ee2..5ac2948c1c 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 7aa5b91682..cdf387cc1c 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 26b8f728cd..622819940b 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 1861eef1a6..5304e6be52 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 f4f5e4a0fe..5b4e184915 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 503ee787ec..73c18714c9 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 ba4c6f5f7d..f7f40546d4 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 289fc90670..fa3575849c 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 6c5a240eab..4cdef4aad4 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 c81bd3de9a..19ba8adda0 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 127483d26d..dc0032abc8 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 ba49e62804..84c0625c51 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 6c20c5700d..abdd493704 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 852e31ddf6..442b1aac3e 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 1af2012376..d836bba49a 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 0129a7fc4a..2fb835e95b 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 229aa249b4..3e5d03c3cc 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;