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 b7750bb319ae4..30d7b669f65fe 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 9b2c5382e1db3..71414f607c029 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 ec8d93d7cd85f..7453b1c539200 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 86f3300d4b1c2..0172c8bbf8cfd 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 891d24c0518b5..467a6eaa15ea5 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 ddfa61171b23d..1b8ebb7cdcb75 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 e389a594e896e..7b0a0766a422f 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 76028d53dde90..c6d2525c0b784 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 5edc6821bd3fe..0c7fe00b42aac 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 660e4ab4002be..8362055cb3966 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 107ef1393ef31..6b65e0d2035f9 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 73b85cddf8c42..e73f725407839 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 e501c39adee04..4660eba7352f0 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 4143bd01ce7f6..1fa40035efdd7 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 234930c900b12..8950696b7e4fc 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 6cf25ef234a8a..4cf88d596d7bb 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 f479d477f4255..1c710c5e7c859 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 7740542881623..29782b2b303dd 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 0467ffd1c6e8d..5d3ae1f74f201 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 ca6616fdbe3ff..6e480a80ed19d 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 e45a5488c4a7a..54726c7e04223 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 389013ee7d5a6..2f7113193d2a2 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 22287647c8b16..da5530d4a39bd 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 8e0210d44b49c..31f55da245690 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 2542957f882fb..52e22fe23c974 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 d9032e2f61ac4..521a0642cac90 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 aae74b4f84b50..493ee8d966122 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 a42ff9ada0d37..6be2a699991e8 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 ded2f2ef06f3a..0c8c56530f749 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 432f5a5436126..563cd6f6374fe 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 ea94dbff78c0f..1d86d59a3762e 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 3b6357ae8535e..07c779d758b26 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 bdd1fc04cfe54..8d23660dbcdb6 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 3d19c9390e682..4eac118696637 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 2c8cd35b31026..6d5724d7a059d 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 ca1f24075a209..676db1c9e2cdf 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 34aa4b85257ec..014a317049d01 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 3f7c7b4a1f732..82c58e86da460 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 92a2b7519a62b..f07d4e7d778c8 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 d7a894914db37..f86573037e12c 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 bf511d879326e..c998998cb4f45 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 878f245c62f61..e20692fd4df94 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 80f6dbade6e29..314c928cc50e9 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 c6e33a28ce02b..fa07d02b1d7cd 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 cfc5d1229a9bc..b720ca3e0d98e 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 ffbd07f8863bf..b39d973053b88 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 314f397016fa8..8396232a1de50 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 993d7136ac036..932c906cc7c05 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 868f4add55e8c..8be66852593e0 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 4c3bc8834fa93..71b82267b8372 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 b23d797aa3274..8d7112b31e226 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 db03e74aa85ee..8efe9eae8e4a9 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 d3772ead4d167..a54804bdce7e1 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 b911faff35b9a..4506847e74504 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 735065f2809cc..6cff0e209fa9a 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 21787d5fb1f50..186ec24250eac 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 71bba3f41249f..79244eb90387a 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 1723b9d5c7fe1..54b5370991e93 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 feb69c8f7c84a..e49a0c153448e 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 41d5e7a77ed03..c67b895edf46e 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 87caa444a09ac..041b55134c9c2 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 54ca15e19b81a..00bdedddc9c39 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 5ae9e09e9d41c..8f9cfc15c24a7 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 8244a4b83d622..6e25adaa5d5ba 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 4e7ce6357c638..6595c04d71d96 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 7265154229442..7a2c8ede453d7 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 ce6dc6022f261..3bafda92f74fd 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 e76dae6518203..adad478c6842b 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 694e859808730..d3b500cee872b 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 465f835a05aa3..c20124d90f6f3 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 7e6b9b9e9866f..18664dae86b70 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 1eaaa73738905..c5961a9bbfc5c 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 1f35eee3c85e4..e28398d7f6420 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 cb4933f8dbda2..12d88c0562205 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 cf312787f5ea7..be51534f1b676 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 bc6b05fa9d774..613914e8abfd1 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 220a58c17be32..306ac73b91a7c 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 1b7bb0d32fc60..3b2c97dae5036 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 d2be0e6901737..1cf78ecddc56b 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 394b0d680f9c4..d22c33f2d9efa 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 f2320c490a160..ffce696fa8ef3 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 776e043feca2d..030e995e356c4 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 e363c35d58bcf..cf23fbd2159c5 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 be8e53b5e78f9..c4557e5879a1f 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 5303b9a281d14..b747f855dae48 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 62cf39fe9767a..49fc1c4f2edd6 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 24076e85951d2..16ccad8d32e73 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 1a748d926d0fc..6623e53d03c3e 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 982ea6528425e..f0f08b7d173c1 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 9d713d8fe5bcd..fd9bb891e0e67 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 c19e02868f9b5..32858eb08a04f 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 2f0ca88d3242c..89a0badca15f2 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 4763b51a42960..73701922d2250 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 e3fee20080797..47dbb3f6abb03 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 9ef1afffdf44c..5d816f652c830 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 9740c797de88b..98b816d8837dd 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 d18813cfa4459..a06eb826767e6 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 ecee219346a6a..e06f1df9bcd88 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 cca72f505175b..860628b81fb71 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 18e4c50ee2ebb..5ac2948c1c36b 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 7aa5b916820de..cdf387cc1ce75 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 26b8f728cd804..622819940bd28 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 1861eef1a624a..5304e6be527ff 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 f4f5e4a0fedc3..5b4e184915280 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 503ee787ec253..73c18714c9211 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 ba4c6f5f7d52d..f7f40546d4ff3 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 289fc9067065c..fa3575849cd3e 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 6c5a240eab491..4cdef4aad4dea 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 c81bd3de9a5ff..19ba8adda01af 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 127483d26dc44..dc0032abc879a 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 ba49e62804ada..84c0625c51095 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 6c20c5700d975..abdd493704888 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 852e31ddf652f..442b1aac3ec91 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 1af2012376d18..d836bba49ab32 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 0129a7fc4a149..2fb835e95b89f 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 229aa249b4add..3e5d03c3cca85 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;