{"parents":["534c9c52ec3e33ed241f7a20e264bb4571d452b3"],"files":[{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/FastRefreshDevToolsIntegration-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/componentStacks-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/console-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/editing-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/inspectedElement-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/ownersListContext-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/profilerContext-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/profilerStore-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/profilingCache-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/profilingCharts-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/profilingCommitTreeBuilder-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/profilingHostRoot-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/store-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/storeComponentFilters-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/storeOwners-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/storeStressSync-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/treeContext-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/useEditableValue-test.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/__tests__\/utils.js"}],"patch":"diff --git a\/packages\/react-devtools-shared\/src\/__tests__\/FastRefreshDevToolsIntegration-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/FastRefreshDevToolsIntegration-test.js\nindex 6b94016148..b2b4fe9fc9 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/FastRefreshDevToolsIntegration-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/FastRefreshDevToolsIntegration-test.js\n@@ -9,13 +9,13 @@\n \n describe('Fast Refresh', () => {\n let React;\n- let ReactDOM;\n let ReactFreshRuntime;\n let act;\n let babel;\n let container;\n let exportsObj;\n let freshPlugin;\n+ let legacyRender;\n let store;\n let withErrorsOrWarningsIgnored;\n \n@@ -37,10 +37,9 @@ describe('Fast Refresh', () => {\n ReactFreshRuntime = require('react-refresh\/runtime');\n ReactFreshRuntime.injectIntoGlobalHook(global);\n \n- ReactDOM = require('react-dom');\n-\n const utils = require('.\/utils');\n act = utils.act;\n+ legacyRender = utils.legacyRender;\n withErrorsOrWarningsIgnored = utils.withErrorsOrWarningsIgnored;\n });\n \n@@ -74,7 +73,7 @@ describe('Fast Refresh', () => {\n function render(source) {\n const Component = execute(source);\n act(() => {\n- ReactDOM.render(, container);\n+ legacyRender(, container);\n });\n \/\/ Module initialization shouldn't be counted as a hot update.\n expect(ReactFreshRuntime.performReactRefresh()).toBe(null);\n@@ -99,7 +98,7 @@ describe('Fast Refresh', () => {\n \/\/ Here, we'll just force a re-render using the newer type to emulate this.\n const NextComponent = nextExports.default;\n act(() => {\n- ReactDOM.render(, container);\n+ legacyRender(, container);\n });\n }\n act(() => {\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/componentStacks-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/componentStacks-test.js\nindex 3028fc182d..48dbd400a9 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/componentStacks-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/componentStacks-test.js\n@@ -25,8 +25,8 @@ function normalizeCodeLocInfo(str) {\n \n describe('component stack', () => {\n let React;\n- let ReactDOM;\n let act;\n+ let legacyRender;\n let mockError;\n let mockWarn;\n \n@@ -44,9 +44,9 @@ describe('component stack', () => {\n \n const utils = require('.\/utils');\n act = utils.act;\n+ legacyRender = utils.legacyRender;\n \n React = require('react');\n- ReactDOM = require('react-dom');\n });\n \n it('should log the current component stack along with an error or warning', () => {\n@@ -60,7 +60,7 @@ describe('component stack', () => {\n \n const container = document.createElement('div');\n \n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n \n expect(mockError).toHaveBeenCalledWith(\n 'Test error.',\n@@ -93,7 +93,7 @@ describe('component stack', () => {\n };\n \n const container = document.createElement('div');\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n \n expect(useEffectCount).toBe(1);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/console-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/console-test.js\nindex 64597597ba..3d539f286a 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/console-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/console-test.js\n@@ -9,9 +9,9 @@\n \n describe('console', () => {\n let React;\n- let ReactDOM;\n let act;\n let fakeConsole;\n+ let legacyRender;\n let mockError;\n let mockInfo;\n let mockLog;\n@@ -58,10 +58,10 @@ describe('console', () => {\n };\n \n React = require('react');\n- ReactDOM = require('react-dom');\n \n const utils = require('.\/utils');\n act = utils.act;\n+ legacyRender = utils.legacyRender;\n });\n \n function normalizeCodeLocInfo(str) {\n@@ -176,7 +176,7 @@ describe('console', () => {\n return null;\n };\n \n- act(() => ReactDOM.render(, document.createElement('div')));\n+ act(() => legacyRender(, document.createElement('div')));\n \n expect(mockWarn).toHaveBeenCalledTimes(1);\n expect(mockWarn.mock.calls[0]).toHaveLength(1);\n@@ -203,7 +203,7 @@ describe('console', () => {\n return null;\n };\n \n- act(() => ReactDOM.render(, document.createElement('div')));\n+ act(() => legacyRender(, document.createElement('div')));\n \n expect(mockLog).toHaveBeenCalledTimes(1);\n expect(mockLog.mock.calls[0]).toHaveLength(1);\n@@ -243,7 +243,7 @@ describe('console', () => {\n return null;\n };\n \n- act(() => ReactDOM.render(, document.createElement('div')));\n+ act(() => legacyRender(, document.createElement('div')));\n \n expect(mockLog).toHaveBeenCalledTimes(2);\n expect(mockLog.mock.calls[0]).toHaveLength(1);\n@@ -298,8 +298,8 @@ describe('console', () => {\n }\n \n const container = document.createElement('div');\n- act(() => ReactDOM.render(, container));\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n+ act(() => legacyRender(, container));\n \n expect(mockLog).toHaveBeenCalledTimes(2);\n expect(mockLog.mock.calls[0]).toHaveLength(1);\n@@ -350,7 +350,7 @@ describe('console', () => {\n }\n }\n \n- act(() => ReactDOM.render(, document.createElement('div')));\n+ act(() => legacyRender(, document.createElement('div')));\n \n expect(mockLog).toHaveBeenCalledTimes(1);\n expect(mockLog.mock.calls[0]).toHaveLength(1);\n@@ -377,7 +377,7 @@ describe('console', () => {\n };\n \n unpatchConsole();\n- act(() => ReactDOM.render(, document.createElement('div')));\n+ act(() => legacyRender(, document.createElement('div')));\n \n expect(mockWarn).toHaveBeenCalledTimes(1);\n expect(mockWarn.mock.calls[0]).toHaveLength(1);\n@@ -391,7 +391,7 @@ describe('console', () => {\n breakOnWarn: false,\n showInlineWarningsAndErrors: false,\n });\n- act(() => ReactDOM.render(, document.createElement('div')));\n+ act(() => legacyRender(, document.createElement('div')));\n \n expect(mockWarn).toHaveBeenCalledTimes(2);\n expect(mockWarn.mock.calls[1]).toHaveLength(2);\n@@ -435,7 +435,7 @@ describe('console', () => {\n return null;\n };\n \n- act(() => ReactDOM.render(, document.createElement('div')));\n+ act(() => legacyRender(, document.createElement('div')));\n \n expect(mockLog).toHaveBeenCalledTimes(1);\n expect(mockLog.mock.calls[0]).toHaveLength(1);\n@@ -460,7 +460,7 @@ describe('console', () => {\n return null;\n };\n \n- act(() => ReactDOM.render(, document.createElement('div')));\n+ act(() => legacyRender(, document.createElement('div')));\n \n expect(mockWarn).toHaveBeenCalledTimes(1);\n expect(mockWarn.mock.calls[0][0]).toBe('Symbol:');\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/editing-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/editing-test.js\nindex 1a57927f51..78ab08b786 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/editing-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/editing-test.js\n@@ -13,8 +13,8 @@ import type Store from 'react-devtools-shared\/src\/devtools\/store';\n describe('editing interface', () => {\n let PropTypes;\n let React;\n- let ReactDOM;\n let bridge: FrontendBridge;\n+ let legacyRender;\n let store: Store;\n let utils;\n \n@@ -25,6 +25,8 @@ describe('editing interface', () => {\n beforeEach(() => {\n utils = require('.\/utils');\n \n+ legacyRender = utils.legacyRender;\n+\n bridge = global.bridge;\n store = global.store;\n store.collapseNodesByDefault = false;\n@@ -32,7 +34,6 @@ describe('editing interface', () => {\n \n PropTypes = require('prop-types');\n React = require('react');\n- ReactDOM = require('react-dom');\n });\n \n describe('props', () => {\n@@ -67,7 +68,7 @@ describe('editing interface', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n <>\n {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n ,\n container,\n ),\n@@ -652,7 +653,7 @@ describe('editing interface', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n hookID = 0; \/\/ index\n@@ -902,7 +903,7 @@ describe('editing interface', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n <\/LegacyContextProvider>,\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/inspectedElement-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/inspectedElement-test.js\nindex be6a3d7b86..5bec9a74f6 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/inspectedElement-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/inspectedElement-test.js\n@@ -31,12 +31,15 @@ describe('InspectedElement', () => {\n let TestUtilsAct;\n let TestRendererAct;\n \n+ let legacyRender;\n let testRendererInstance;\n \n beforeEach(() => {\n utils = require('.\/utils');\n utils.beforeEachProfiling();\n \n+ legacyRender = utils.legacyRender;\n+\n bridge = global.bridge;\n store = global.store;\n store.collapseNodesByDefault = false;\n@@ -139,7 +142,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n const inspectedElement = await inspectElementAtIndex(0);\n@@ -209,7 +212,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -270,7 +273,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(\n- () => ReactDOM.render(, container),\n+ () => legacyRender(, container),\n false,\n );\n \n@@ -283,7 +286,7 @@ describe('InspectedElement', () => {\n `);\n \n await utils.actAsync(\n- () => ReactDOM.render(, container),\n+ () => legacyRender(, container),\n false,\n );\n \n@@ -319,7 +322,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n <\/Wrapper>,\n@@ -349,7 +352,7 @@ describe('InspectedElement', () => {\n \n await utils.actAsync(\n () =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n <\/Wrapper>,\n@@ -416,7 +419,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n {\n \n const iterable = generator();\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n const inspectedElement = await inspectElementAtIndex(0);\n@@ -693,7 +696,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n const inspectedElement = await inspectElementAtIndex(0);\n@@ -718,7 +721,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n const inspectedElement = await inspectElementAtIndex(0);\n@@ -755,7 +758,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n const inspectedElement = await inspectElementAtIndex(0);\n@@ -834,7 +837,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n const inspectedElement = await inspectElementAtIndex(0);\n@@ -889,7 +892,7 @@ describe('InspectedElement', () => {\n const Example = ({data}) => null;\n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n const inspectedElement = await inspectElementAtIndex(0);\n@@ -920,7 +923,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n ,\n@@ -1141,7 +1144,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n {\n \n TestRendererAct(() => {\n TestUtilsAct(() => {\n- ReactDOM.render(\n+ legacyRender(\n {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n {\n \n TestRendererAct(() => {\n TestUtilsAct(() => {\n- ReactDOM.render(\n+ legacyRender(\n {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n {\n `);\n \n TestUtilsAct(() => {\n- ReactDOM.render(\n+ legacyRender(\n {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n const inspectedElement = await inspectElementAtIndex(0);\n@@ -1573,7 +1576,7 @@ describe('InspectedElement', () => {\n };\n \n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n ,\n document.createElement('div'),\n ),\n@@ -1632,7 +1635,7 @@ describe('InspectedElement', () => {\n };\n \n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n ,\n document.createElement('div'),\n ),\n@@ -1707,7 +1710,7 @@ describe('InspectedElement', () => {\n const bigInt = BigInt(123); \/\/ eslint-disable-line no-undef\n \n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n {\n }\n \n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n const {hooks} = await inspectElementAtIndex(0);\n@@ -1826,7 +1829,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n const inspectedElement = await inspectElementAtIndex(0);\n@@ -1860,7 +1863,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n await inspectElementAtIndex(0);\n@@ -1893,7 +1896,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n await inspectElementAtIndex(0);\n@@ -1926,7 +1929,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n await inspectElementAtIndex(0);\n@@ -1963,7 +1966,7 @@ describe('InspectedElement', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n \n await inspectElementAtIndex(0);\n@@ -2030,7 +2033,7 @@ describe('InspectedElement', () => {\n \n await withErrorsOrWarningsIgnored(['test-only: '], async () => {\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n });\n \n@@ -2066,7 +2069,7 @@ describe('InspectedElement', () => {\n const container = document.createElement('div');\n await utils.withErrorsOrWarningsIgnored(['test-only:'], async () => {\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n });\n const data = await getErrorsAndWarningsForElementAtIndex(0);\n@@ -2102,7 +2105,7 @@ describe('InspectedElement', () => {\n const container = document.createElement('div');\n await utils.withErrorsOrWarningsIgnored(['test-only:'], async () => {\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n });\n \n@@ -2139,7 +2142,7 @@ describe('InspectedElement', () => {\n const container = document.createElement('div');\n await utils.withErrorsOrWarningsIgnored(['test-only:'], async () => {\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n });\n \n@@ -2172,7 +2175,7 @@ describe('InspectedElement', () => {\n ['Warning: Each child in a list should have a unique \"key\" prop.'],\n async () => {\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n },\n );\n@@ -2202,7 +2205,7 @@ describe('InspectedElement', () => {\n const container = document.createElement('div');\n await utils.withErrorsOrWarningsIgnored(['test-only:'], async () => {\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n });\n \n@@ -2233,7 +2236,7 @@ describe('InspectedElement', () => {\n const container = document.createElement('div');\n await utils.withErrorsOrWarningsIgnored(['test-only:'], async () => {\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -2330,7 +2333,7 @@ describe('InspectedElement', () => {\n const container = document.createElement('div');\n await utils.withErrorsOrWarningsIgnored(['test-only:'], async () => {\n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -2433,7 +2436,7 @@ describe('InspectedElement', () => {\n const Example = () => 'example';\n \n await utils.actAsync(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n <\/ErrorBoundary>,\n@@ -2486,7 +2489,9 @@ describe('InspectedElement', () => {\n await toggleError(true);\n \n \/\/ we are in error state now, won't show up\n- expect(store.getElementIDAtIndex(1)).toBe(null);\n+ withErrorsOrWarningsIgnored(['Invalid index'], () => {\n+ expect(store.getElementIDAtIndex(1)).toBe(null);\n+ });\n \n \/\/ Inpsect to toggle off the error state\n inspectedElement = await inspect(0);\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/ownersListContext-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/ownersListContext-test.js\nindex 27b75afdd3..774b8ee663 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/ownersListContext-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/ownersListContext-test.js\n@@ -14,9 +14,9 @@ import type Store from 'react-devtools-shared\/src\/devtools\/store';\n \n describe('OwnersListContext', () => {\n let React;\n- let ReactDOM;\n let TestRenderer: ReactTestRenderer;\n let bridge: FrontendBridge;\n+ let legacyRender;\n let store: Store;\n let utils;\n \n@@ -30,12 +30,13 @@ describe('OwnersListContext', () => {\n utils = require('.\/utils');\n utils.beforeEachProfiling();\n \n+ legacyRender = utils.legacyRender;\n+\n bridge = global.bridge;\n store = global.store;\n store.collapseNodesByDefault = false;\n \n React = require('react');\n- ReactDOM = require('react-dom');\n TestRenderer = utils.requireTestRenderer();\n \n BridgeContext = require('react-devtools-shared\/src\/devtools\/views\/context')\n@@ -73,7 +74,7 @@ describe('OwnersListContext', () => {\n const Child = () => null;\n \n utils.act(() =>\n- ReactDOM.render(, document.createElement('div')),\n+ legacyRender(, document.createElement('div')),\n );\n \n expect(store).toMatchSnapshot('mount');\n@@ -132,7 +133,7 @@ describe('OwnersListContext', () => {\n const Child = () => null;\n \n utils.act(() =>\n- ReactDOM.render(, document.createElement('div')),\n+ legacyRender(, document.createElement('div')),\n );\n \n expect(store).toMatchSnapshot('mount');\n@@ -170,7 +171,7 @@ describe('OwnersListContext', () => {\n const Parent = () => null;\n \n utils.act(() =>\n- ReactDOM.render(, document.createElement('div')),\n+ legacyRender(, document.createElement('div')),\n );\n \n expect(store).toMatchSnapshot('mount');\n@@ -211,7 +212,7 @@ describe('OwnersListContext', () => {\n };\n \n utils.act(() =>\n- ReactDOM.render(, document.createElement('div')),\n+ legacyRender(, document.createElement('div')),\n );\n \n let didFinish = false;\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/profilerContext-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/profilerContext-test.js\nindex 21c2b2427b..7a62f415ce 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/profilerContext-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/profilerContext-test.js\n@@ -18,6 +18,7 @@ describe('ProfilerContext', () => {\n let ReactDOM;\n let TestRenderer: ReactTestRenderer;\n let bridge: FrontendBridge;\n+ let legacyRender;\n let store: Store;\n let utils;\n \n@@ -33,6 +34,8 @@ describe('ProfilerContext', () => {\n utils = require('.\/utils');\n utils.beforeEachProfiling();\n \n+ legacyRender = utils.legacyRender;\n+\n bridge = global.bridge;\n store = global.store;\n store.collapseNodesByDefault = false;\n@@ -96,10 +99,10 @@ describe('ProfilerContext', () => {\n const containerA = document.createElement('div');\n const containerB = document.createElement('div');\n \n- await utils.actAsync(() => ReactDOM.render(, containerA));\n+ await utils.actAsync(() => legacyRender(, containerA));\n expect(context.supportsProfiling).toBe(true);\n \n- await utils.actAsync(() => ReactDOM.render(, containerB));\n+ await utils.actAsync(() => legacyRender(, containerB));\n await utils.actAsync(() => ReactDOM.unmountComponentAtNode(containerA));\n expect(context.supportsProfiling).toBe(true);\n \n@@ -110,9 +113,7 @@ describe('ProfilerContext', () => {\n it('should gracefully handle an empty profiling session (with no recorded commits)', async () => {\n const Example = () => null;\n \n- utils.act(() =>\n- ReactDOM.render(, document.createElement('div')),\n- );\n+ utils.act(() => legacyRender(, document.createElement('div')));\n \n let context: Context = ((null: any): Context);\n \n@@ -150,14 +151,14 @@ describe('ProfilerContext', () => {\n \n const containerOne = document.createElement('div');\n const containerTwo = document.createElement('div');\n- utils.act(() => ReactDOM.render(, containerOne));\n- utils.act(() => ReactDOM.render(, containerTwo));\n+ utils.act(() => legacyRender(, containerOne));\n+ utils.act(() => legacyRender(, containerTwo));\n expect(store).toMatchSnapshot('mounted');\n \n \/\/ Profile and record updates to both roots.\n await utils.actAsync(() => store.profilerStore.startProfiling());\n- await utils.actAsync(() => ReactDOM.render(, containerOne));\n- await utils.actAsync(() => ReactDOM.render(, containerTwo));\n+ await utils.actAsync(() => legacyRender(, containerOne));\n+ await utils.actAsync(() => legacyRender(, containerTwo));\n await utils.actAsync(() => store.profilerStore.stopProfiling());\n \n let context: Context = ((null: any): Context);\n@@ -189,13 +190,13 @@ describe('ProfilerContext', () => {\n \n const containerOne = document.createElement('div');\n const containerTwo = document.createElement('div');\n- utils.act(() => ReactDOM.render(, containerOne));\n- utils.act(() => ReactDOM.render(, containerTwo));\n+ utils.act(() => legacyRender(, containerOne));\n+ utils.act(() => legacyRender(, containerTwo));\n expect(store).toMatchSnapshot('mounted');\n \n \/\/ Profile and record updates to only the first root.\n await utils.actAsync(() => store.profilerStore.startProfiling());\n- await utils.actAsync(() => ReactDOM.render(, containerOne));\n+ await utils.actAsync(() => legacyRender(, containerOne));\n await utils.actAsync(() => store.profilerStore.stopProfiling());\n \n let context: Context = ((null: any): Context);\n@@ -228,14 +229,14 @@ describe('ProfilerContext', () => {\n \n const containerA = document.createElement('div');\n const containerB = document.createElement('div');\n- utils.act(() => ReactDOM.render(, containerA));\n- utils.act(() => ReactDOM.render(, containerB));\n+ utils.act(() => legacyRender(, containerA));\n+ utils.act(() => legacyRender(, containerB));\n expect(store).toMatchSnapshot('mounted');\n \n \/\/ Profile and record updates.\n await utils.actAsync(() => store.profilerStore.startProfiling());\n- await utils.actAsync(() => ReactDOM.render(, containerA));\n- await utils.actAsync(() => ReactDOM.render(, containerB));\n+ await utils.actAsync(() => legacyRender(, containerA));\n+ await utils.actAsync(() => legacyRender(, containerB));\n await utils.actAsync(() => store.profilerStore.stopProfiling());\n \n let context: Context = ((null: any): Context);\n@@ -263,8 +264,8 @@ describe('ProfilerContext', () => {\n \n \/\/ Profile and record more updates to both roots\n await utils.actAsync(() => store.profilerStore.startProfiling());\n- await utils.actAsync(() => ReactDOM.render(, containerA));\n- await utils.actAsync(() => ReactDOM.render(, containerB));\n+ await utils.actAsync(() => legacyRender(, containerA));\n+ await utils.actAsync(() => legacyRender(, containerB));\n await utils.actAsync(() => store.profilerStore.stopProfiling());\n \n const otherID = ((store.getElementIDAtIndex(0): any): number);\n@@ -287,7 +288,7 @@ describe('ProfilerContext', () => {\n \n const container = document.createElement('div');\n utils.act(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n expect(store).toMatchSnapshot('mounted');\n \n@@ -297,10 +298,10 @@ describe('ProfilerContext', () => {\n \/\/ Profile and record updates.\n await utils.actAsync(() => store.profilerStore.startProfiling());\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n await utils.actAsync(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n await utils.actAsync(() => store.profilerStore.stopProfiling());\n \ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/profilerStore-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/profilerStore-test.js\nindex 7799756aed..ea81b1dcee 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/profilerStore-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/profilerStore-test.js\n@@ -12,6 +12,7 @@ import type Store from 'react-devtools-shared\/src\/devtools\/store';\n describe('ProfilerStore', () => {\n let React;\n let ReactDOM;\n+ let legacyRender;\n let store: Store;\n let utils;\n \n@@ -19,6 +20,8 @@ describe('ProfilerStore', () => {\n utils = require('.\/utils');\n utils.beforeEachProfiling();\n \n+ legacyRender = utils.legacyRender;\n+\n store = global.store;\n store.collapseNodesByDefault = false;\n store.recordChangeDescriptions = true;\n@@ -38,15 +41,15 @@ describe('ProfilerStore', () => {\n const containerB = document.createElement('div');\n \n utils.act(() => {\n- ReactDOM.render(, containerA);\n- ReactDOM.render(, containerB);\n+ legacyRender(, containerA);\n+ legacyRender(, containerB);\n });\n \n utils.act(() => store.profilerStore.startProfiling());\n \n utils.act(() => {\n- ReactDOM.render(, containerA);\n- ReactDOM.render(, containerB);\n+ legacyRender(, containerA);\n+ legacyRender(, containerB);\n });\n \n utils.act(() => store.profilerStore.stopProfiling());\n@@ -96,7 +99,7 @@ describe('ProfilerStore', () => {\n \n \/\/ It's important that this test uses legacy sync mode.\n \/\/ The root API does not trigger this particular failing case.\n- ReactDOM.render(, container);\n+ legacyRender(, container);\n \n utils.act(() => store.profilerStore.startProfiling());\n \n@@ -151,7 +154,7 @@ describe('ProfilerStore', () => {\n \n \/\/ It's important that this test uses legacy sync mode.\n \/\/ The root API does not trigger this particular failing case.\n- ReactDOM.render(, container);\n+ legacyRender(, container);\n \n utils.act(() => store.profilerStore.startProfiling());\n utils.act(() =>\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/profilingCache-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/profilingCache-test.js\nindex 0b7273054c..ace43294e9 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/profilingCache-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/profilingCache-test.js\n@@ -18,6 +18,7 @@ describe('ProfilingCache', () => {\n let Scheduler;\n let TestRenderer: ReactTestRenderer;\n let bridge: FrontendBridge;\n+ let legacyRender;\n let store: Store;\n let utils;\n \n@@ -25,6 +26,8 @@ describe('ProfilingCache', () => {\n utils = require('.\/utils');\n utils.beforeEachProfiling();\n \n+ legacyRender = utils.legacyRender;\n+\n bridge = global.bridge;\n store = global.store;\n store.collapseNodesByDefault = false;\n@@ -60,14 +63,14 @@ describe('ProfilingCache', () => {\n const containerB = document.createElement('div');\n const containerC = document.createElement('div');\n \n- utils.act(() => ReactDOM.render(, containerA));\n- utils.act(() => ReactDOM.render(, containerB));\n+ utils.act(() => legacyRender(, containerA));\n+ utils.act(() => legacyRender(, containerB));\n utils.act(() => store.profilerStore.startProfiling());\n- utils.act(() => ReactDOM.render(, containerA));\n- utils.act(() => ReactDOM.render(, containerC));\n- utils.act(() => ReactDOM.render(, containerA));\n+ utils.act(() => legacyRender(, containerA));\n+ utils.act(() => legacyRender(, containerC));\n+ utils.act(() => legacyRender(, containerA));\n utils.act(() => ReactDOM.unmountComponentAtNode(containerB));\n- utils.act(() => ReactDOM.render(, containerA));\n+ utils.act(() => legacyRender(, containerA));\n utils.act(() => store.profilerStore.stopProfiling());\n \n const allProfilingDataForRoots = [];\n@@ -143,10 +146,10 @@ describe('ProfilingCache', () => {\n const container = document.createElement('div');\n \n utils.act(() => store.profilerStore.startProfiling());\n- utils.act(() => ReactDOM.render(, container));\n- utils.act(() => ReactDOM.render(, container));\n- utils.act(() => ReactDOM.render(, container));\n- utils.act(() => ReactDOM.render(, container));\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n utils.act(() => store.profilerStore.stopProfiling());\n \n const allCommitData = [];\n@@ -248,16 +251,16 @@ describe('ProfilingCache', () => {\n const container = document.createElement('div');\n \n utils.act(() => store.profilerStore.startProfiling());\n- utils.act(() => ReactDOM.render(, container));\n+ utils.act(() => legacyRender(, container));\n expect(instance).not.toBeNull();\n utils.act(() => (instance: any).setState({count: 1}));\n utils.act(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n utils.act(() =>\n- ReactDOM.render(, container),\n+ legacyRender(, container),\n );\n- utils.act(() => ReactDOM.render(, container));\n+ utils.act(() => legacyRender(, container));\n utils.act(() => store.profilerStore.stopProfiling());\n \n const allCommitData = [];\n@@ -346,7 +349,7 @@ describe('ProfilingCache', () => {\n \n utils.act(() => store.profilerStore.startProfiling());\n utils.act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n <\/Context.Provider>,\n@@ -356,7 +359,7 @@ describe('ProfilingCache', () => {\n \n \/\/ Second render has no changed hooks, only changed props.\n utils.act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n <\/Context.Provider>,\n@@ -373,7 +376,7 @@ describe('ProfilingCache', () => {\n \/\/ Fifth render has a changed context value, but no changed hook.\n \/\/ Technically, DevTools will miss this \"context\" change since it only tracks legacy context.\n utils.act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n <\/Context.Provider>,\n@@ -453,7 +456,7 @@ describe('ProfilingCache', () => {\n \n utils.act(() => store.profilerStore.startProfiling());\n utils.act(() =>\n- ReactDOM.render(, document.createElement('div')),\n+ legacyRender(, document.createElement('div')),\n );\n utils.act(() => store.profilerStore.stopProfiling());\n \n@@ -508,7 +511,7 @@ describe('ProfilingCache', () => {\n \n utils.act(() => store.profilerStore.startProfiling());\n await utils.actAsync(() =>\n- ReactDOM.render(, document.createElement('div')),\n+ legacyRender(, document.createElement('div')),\n );\n utils.act(() => store.profilerStore.stopProfiling());\n \n@@ -558,9 +561,9 @@ describe('ProfilingCache', () => {\n const container = document.createElement('div');\n \n utils.act(() => store.profilerStore.startProfiling());\n- utils.act(() => ReactDOM.render(, container));\n- utils.act(() => ReactDOM.render(, container));\n- utils.act(() => ReactDOM.render(, container));\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n utils.act(() => store.profilerStore.stopProfiling());\n \n const allFiberCommits = [];\n@@ -624,7 +627,7 @@ describe('ProfilingCache', () => {\n const container = document.createElement('div');\n \n utils.act(() => store.profilerStore.startProfiling());\n- utils.act(() => ReactDOM.render(, container));\n+ utils.act(() => legacyRender(, container));\n utils.act(() => store.profilerStore.stopProfiling());\n \n function Validator({commitIndex, rootID}) {\n@@ -721,7 +724,7 @@ describe('ProfilingCache', () => {\n const {Simulate} = require('react-dom\/test-utils');\n \n const container = document.createElement('div');\n- utils.act(() => ReactDOM.render(, container));\n+ utils.act(() => legacyRender(, container));\n expect(container.textContent).toBe('Home');\n utils.act(() => store.profilerStore.startProfiling());\n utils.act(() => Simulate.click(linkRef.current));\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/profilingCharts-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/profilingCharts-test.js\nindex b16e38f88c..16b42f3908 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/profilingCharts-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/profilingCharts-test.js\n@@ -12,9 +12,9 @@ import type Store from 'react-devtools-shared\/src\/devtools\/store';\n \n describe('profiling charts', () => {\n let React;\n- let ReactDOM;\n let Scheduler;\n let TestRenderer: TestRendererType;\n+ let legacyRender;\n let store: Store;\n let utils;\n \n@@ -22,12 +22,13 @@ describe('profiling charts', () => {\n utils = require('.\/utils');\n utils.beforeEachProfiling();\n \n+ legacyRender = utils.legacyRender;\n+\n store = global.store;\n store.collapseNodesByDefault = false;\n store.recordChangeDescriptions = true;\n \n React = require('react');\n- ReactDOM = require('react-dom');\n Scheduler = require('scheduler');\n TestRenderer = utils.requireTestRenderer();\n });\n@@ -54,8 +55,8 @@ describe('profiling charts', () => {\n const container = document.createElement('div');\n \n utils.act(() => store.profilerStore.startProfiling());\n- utils.act(() => ReactDOM.render(, container));\n- utils.act(() => ReactDOM.render(, container));\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n utils.act(() => store.profilerStore.stopProfiling());\n \n let renderFinished = false;\n@@ -120,8 +121,8 @@ describe('profiling charts', () => {\n const container = document.createElement('div');\n \n utils.act(() => store.profilerStore.startProfiling());\n- utils.act(() => ReactDOM.render(, container));\n- utils.act(() => ReactDOM.render(, container));\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n utils.act(() => store.profilerStore.stopProfiling());\n \n let renderFinished = false;\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/profilingCommitTreeBuilder-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/profilingCommitTreeBuilder-test.js\nindex 1f9c97d0df..9923fb33aa 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/profilingCommitTreeBuilder-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/profilingCommitTreeBuilder-test.js\n@@ -15,6 +15,7 @@ describe('commit tree', () => {\n let ReactDOM;\n let Scheduler;\n let TestRenderer: TestRendererType;\n+ let legacyRender;\n let store: Store;\n let utils;\n \n@@ -22,6 +23,8 @@ describe('commit tree', () => {\n utils = require('.\/utils');\n utils.beforeEachProfiling();\n \n+ legacyRender = utils.legacyRender;\n+\n store = global.store;\n store.collapseNodesByDefault = false;\n store.recordChangeDescriptions = true;\n@@ -47,10 +50,10 @@ describe('commit tree', () => {\n const container = document.createElement('div');\n \n utils.act(() => store.profilerStore.startProfiling());\n- utils.act(() => ReactDOM.render(, container));\n- utils.act(() => ReactDOM.render(, container));\n- utils.act(() => ReactDOM.render(, container));\n- utils.act(() => ReactDOM.render(, container));\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n utils.act(() => store.profilerStore.stopProfiling());\n \n let renderFinished = false;\n@@ -108,16 +111,10 @@ describe('commit tree', () => {\n const container = document.createElement('div');\n \n utils.act(() => store.profilerStore.startProfiling());\n- utils.act(() =>\n- ReactDOM.render(, container),\n- );\n+ utils.act(() => legacyRender(, container));\n await Promise.resolve();\n- utils.act(() =>\n- ReactDOM.render(, container),\n- );\n- utils.act(() =>\n- ReactDOM.render(, container),\n- );\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n utils.act(() => store.profilerStore.stopProfiling());\n \n let renderFinished = false;\n@@ -189,12 +186,8 @@ describe('commit tree', () => {\n const container = document.createElement('div');\n \n utils.act(() => store.profilerStore.startProfiling());\n- utils.act(() =>\n- ReactDOM.render(, container),\n- );\n- utils.act(() =>\n- ReactDOM.render(, container),\n- );\n+ utils.act(() => legacyRender(, container));\n+ utils.act(() => legacyRender(, container));\n utils.act(() => store.profilerStore.stopProfiling());\n \n let renderFinished = false;\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/profilingHostRoot-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/profilingHostRoot-test.js\nindex cfcff6bad4..61dc9f6bfd 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/profilingHostRoot-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/profilingHostRoot-test.js\n@@ -11,10 +11,10 @@ describe('profiling HostRoot', () => {\n let React;\n let ReactDOM;\n let Scheduler;\n+ let legacyRender;\n let store: Store;\n let utils;\n let getEffectDurations;\n-\n let effectDurations;\n let passiveEffectDurations;\n \n@@ -22,6 +22,8 @@ describe('profiling HostRoot', () => {\n utils = require('.\/utils');\n utils.beforeEachProfiling();\n \n+ legacyRender = utils.legacyRender;\n+\n getEffectDurations = require('..\/backend\/utils').getEffectDurations;\n \n store = global.store;\n@@ -61,7 +63,7 @@ describe('profiling HostRoot', () => {\n utils.act(() => store.profilerStore.startProfiling());\n utils.act(() => {\n const container = document.createElement('div');\n- ReactDOM.render(, container);\n+ legacyRender(, container);\n });\n utils.act(() => store.profilerStore.stopProfiling());\n \ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/store-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/store-test.js\nindex 04f14a41a9..02cea3d925 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/store-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/store-test.js\n@@ -14,6 +14,7 @@ describe('Store', () => {\n let act;\n let bridge;\n let getRendererID;\n+ let legacyRender;\n let store;\n let withErrorsOrWarningsIgnored;\n \n@@ -28,6 +29,7 @@ describe('Store', () => {\n const utils = require('.\/utils');\n act = utils.act;\n getRendererID = utils.getRendererID;\n+ legacyRender = utils.legacyRender;\n withErrorsOrWarningsIgnored = utils.withErrorsOrWarningsIgnored;\n });\n \n@@ -35,7 +37,7 @@ describe('Store', () => {\n const Component = () =>

Hi<\/div>;\n \n act(() =>\n- ReactDOM.render(, document.createElement('div')),\n+ legacyRender(, document.createElement('div')),\n );\n expect(store).toMatchSnapshot('1: mount');\n \n@@ -53,10 +55,10 @@ describe('Store', () => {\n \n const container = document.createElement('div');\n \n- act(() => ReactDOM.render({null}<\/Root>, container));\n+ act(() => legacyRender({null}<\/Root>, container));\n expect(store).toMatchSnapshot('1: mount');\n \n- act(() => ReactDOM.render(

, container));\n+ act(() => legacyRender(

, container));\n expect(store).toMatchSnapshot('2: add host nodes');\n });\n \n@@ -81,7 +83,7 @@ describe('Store', () => {\n const container = document.createElement('div');\n \n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n <>\n \n \n@@ -117,10 +119,10 @@ describe('Store', () => {\n \n const container = document.createElement('div');\n \n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n expect(store).toMatchSnapshot('1: mount');\n \n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n expect(store).toMatchSnapshot('2: update');\n \n act(() => ReactDOM.unmountComponentAtNode(container));\n@@ -136,14 +138,14 @@ describe('Store', () => {\n const containerB = document.createElement('div');\n \n act(() => {\n- ReactDOM.render(, containerA);\n- ReactDOM.render(, containerB);\n+ legacyRender(, containerA);\n+ legacyRender(, containerB);\n });\n expect(store).toMatchSnapshot('1: mount');\n \n act(() => {\n- ReactDOM.render(, containerA);\n- ReactDOM.render(, containerB);\n+ legacyRender(, containerA);\n+ legacyRender(, containerB);\n });\n expect(store).toMatchSnapshot('2: update');\n \n@@ -171,10 +173,7 @@ describe('Store', () => {\n const Child = () =>

Hi!<\/div>;\n \n act(() =>\n- ReactDOM.render(\n- ,\n- document.createElement('div'),\n- ),\n+ legacyRender(, document.createElement('div')),\n );\n expect(store).toMatchSnapshot('1: mount');\n \n@@ -671,7 +661,7 @@ describe('Store', () => {\n const ref = React.createRef();\n \n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n ,\n document.createElement('div'),\n ),\n@@ -711,10 +701,10 @@ describe('Store', () => {\n \n const container = document.createElement('div');\n \n- act(() => ReactDOM.render({[foo, bar]}<\/Root>, container));\n+ act(() => legacyRender({[foo, bar]}<\/Root>, container));\n expect(store).toMatchSnapshot('1: mount');\n \n- act(() => ReactDOM.render({[bar, foo]}<\/Root>, container));\n+ act(() => legacyRender({[bar, foo]}<\/Root>, container));\n expect(store).toMatchSnapshot('3: reorder children');\n \n act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));\n@@ -743,9 +733,7 @@ describe('Store', () => {\n const Parent = () => ;\n const Child = () => null;\n \n- act(() =>\n- ReactDOM.render(, document.createElement('div')),\n- );\n+ act(() => legacyRender(, document.createElement('div')));\n expect(store).toMatchSnapshot('1: mount');\n \n act(() => store.toggleIsCollapsed(store.getElementIDAtIndex(0), false));\n@@ -790,9 +778,7 @@ describe('Store', () => {\n const Parent = () => ;\n const Child = () => null;\n \n- act(() =>\n- ReactDOM.render(, document.createElement('div')),\n- );\n+ act(() => legacyRender(, document.createElement('div')));\n \n for (let i = 0; i < store.numElements; i++) {\n expect(store.getIndexOfElementID(store.getElementIDAtIndex(i))).toBe(i);\n@@ -805,8 +791,8 @@ describe('Store', () => {\n const Child = () => null;\n \n act(() => {\n- ReactDOM.render(, document.createElement('div'));\n- ReactDOM.render(, document.createElement('div'));\n+ legacyRender(, document.createElement('div'));\n+ legacyRender(, document.createElement('div'));\n });\n \n for (let i = 0; i < store.numElements; i++) {\n@@ -820,7 +806,7 @@ describe('Store', () => {\n const Child = () => null;\n \n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -840,14 +826,14 @@ describe('Store', () => {\n const Child = () => null;\n \n act(() => {\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n <\/React.Fragment>,\n document.createElement('div'),\n );\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -870,10 +856,10 @@ describe('Store', () => {\n \n expect(store.supportsProfiling).toBe(false);\n \n- act(() => ReactDOM.render(, containerA));\n+ act(() => legacyRender(, containerA));\n expect(store.supportsProfiling).toBe(true);\n \n- act(() => ReactDOM.render(, containerB));\n+ act(() => legacyRender(, containerB));\n act(() => ReactDOM.unmountComponentAtNode(containerA));\n expect(store.supportsProfiling).toBe(true);\n \n@@ -888,7 +874,7 @@ describe('Store', () => {\n \/\/ This is pretty hacky.\n const fauxElement = Object.assign({}, , {key: 123});\n \n- act(() => ReactDOM.render([fauxElement], document.createElement('div')));\n+ act(() => legacyRender([fauxElement], document.createElement('div')));\n expect(store).toMatchSnapshot('1: mount');\n });\n \n@@ -949,12 +935,12 @@ describe('Store', () => {\n const container = document.createElement('div');\n \n \/\/ Render once to start fetching the lazy component\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n \n await Promise.resolve();\n \n \/\/ Render again after it resolves\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n \n expect(store).toMatchInlineSnapshot(`\n [root]\n@@ -1004,19 +990,19 @@ describe('Store', () => {\n const container = document.createElement('div');\n \n \/\/ Render once to start fetching the lazy component\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n \n expect(store).toMatchSnapshot('1: mounted + loading');\n \n await Promise.resolve();\n \n \/\/ Render again after it resolves\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n \n expect(store).toMatchSnapshot('2: mounted + loaded');\n \n \/\/ Render again to unmount it\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n \n expect(store).toMatchSnapshot('3: unmounted');\n });\n@@ -1047,12 +1033,12 @@ describe('Store', () => {\n const container = document.createElement('div');\n \n \/\/ Render once to start fetching the lazy component\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n \n expect(store).toMatchSnapshot('1: mounted + loading');\n \n \/\/ Render again to unmount it before it finishes loading\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n \n expect(store).toMatchSnapshot('2: unmounted');\n });\n@@ -1083,7 +1069,7 @@ describe('Store', () => {\n const container = document.createElement('div');\n \n withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n });\n \n expect(store).toMatchInlineSnapshot(`\n@@ -1093,7 +1079,7 @@ describe('Store', () => {\n `);\n \n withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n });\n \n expect(store).toMatchInlineSnapshot(`\n@@ -1114,7 +1100,7 @@ describe('Store', () => {\n const container = document.createElement('div');\n \n withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n });\n \n expect(store).toMatchInlineSnapshot(`\n@@ -1124,7 +1110,7 @@ describe('Store', () => {\n `);\n \n withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n });\n \n expect(store).toMatchInlineSnapshot(`\n@@ -1156,7 +1142,7 @@ describe('Store', () => {\n \n withErrorsOrWarningsIgnored(['test-only:'], () => {\n act(() => {\n- ReactDOM.render(, container);\n+ legacyRender(, container);\n }, false);\n });\n flushPendingBridgeOperations();\n@@ -1194,7 +1180,7 @@ describe('Store', () => {\n \n withErrorsOrWarningsIgnored(['test-only:'], () => {\n act(() => {\n- ReactDOM.render(\n+ legacyRender(\n <>\n \n <\/>,\n@@ -1209,7 +1195,7 @@ describe('Store', () => {\n \n \/\/ Before warnings and errors have flushed, flush another commit.\n act(() => {\n- ReactDOM.render(\n+ legacyRender(\n <>\n \n \n@@ -1252,7 +1238,7 @@ describe('Store', () => {\n withErrorsOrWarningsIgnored(\n ['Warning: Each child in a list should have a unique \"key\" prop'],\n () => {\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n },\n );\n \n@@ -1273,7 +1259,7 @@ describe('Store', () => {\n const container = document.createElement('div');\n withErrorsOrWarningsIgnored(['test-only:'], () => {\n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -1314,7 +1300,7 @@ describe('Store', () => {\n const container = document.createElement('div');\n withErrorsOrWarningsIgnored(['test-only:'], () => {\n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -1359,7 +1345,7 @@ describe('Store', () => {\n const container = document.createElement('div');\n withErrorsOrWarningsIgnored(['test-only:'], () => {\n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -1412,7 +1398,7 @@ describe('Store', () => {\n const container = document.createElement('div');\n withErrorsOrWarningsIgnored(['test-only:'], () => {\n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -1432,7 +1418,7 @@ describe('Store', () => {\n \n withErrorsOrWarningsIgnored(['test-only:'], () => {\n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -1450,7 +1436,7 @@ describe('Store', () => {\n \n withErrorsOrWarningsIgnored(['test-only:'], () => {\n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n <\/React.Fragment>,\n@@ -1465,7 +1451,7 @@ describe('Store', () => {\n `);\n \n withErrorsOrWarningsIgnored(['test-only:'], () => {\n- act(() => ReactDOM.render(, container));\n+ act(() => legacyRender(, container));\n });\n expect(store).toMatchInlineSnapshot(`[root]`);\n expect(store.errorCount).toBe(0);\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/storeComponentFilters-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/storeComponentFilters-test.js\nindex 7468eb48d1..baa19e0787 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/storeComponentFilters-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/storeComponentFilters-test.js\n@@ -12,9 +12,9 @@ import type Store from 'react-devtools-shared\/src\/devtools\/store';\n \n describe('Store component filters', () => {\n let React;\n- let ReactDOM;\n let Types;\n let bridge: FrontendBridge;\n+ let legacyRender;\n let store: Store;\n let utils;\n let internalAct;\n@@ -34,10 +34,11 @@ describe('Store component filters', () => {\n store.recordChangeDescriptions = true;\n \n React = require('react');\n- ReactDOM = require('react-dom');\n Types = require('react-devtools-shared\/src\/types');\n utils = require('.\/utils');\n internalAct = require('jest-react').act;\n+\n+ legacyRender = utils.legacyRender;\n });\n \n it('should throw if filters are updated while profiling', () => {\n@@ -56,7 +57,7 @@ describe('Store component filters', () => {\n const FunctionComponent = () =>

Hi<\/div>;\n \n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n <\/ClassComponent>,\n@@ -137,7 +138,7 @@ describe('Store component filters', () => {\n it('should ignore invalid ElementTypeRoot filter', () => {\n const Component = () =>

Hi<\/div>;\n \n- act(() => ReactDOM.render(, document.createElement('div')));\n+ act(() => legacyRender(, document.createElement('div')));\n expect(store).toMatchInlineSnapshot(`\n [root]\n ▾ \n@@ -165,7 +166,7 @@ describe('Store component filters', () => {\n const Baz = () => ;\n \n act(() =>\n- ReactDOM.render(\n+ legacyRender(\n \n \n \n@@ -221,7 +222,7 @@ describe('Store component filters', () => {\n it('should filter by path', () => {\n const Component = () =>

Hi<\/div>;\n \n- act(() => ReactDOM.render(, document.createElement('div')));\n+ act(() => legacyRender(

dillon1000/react

Files changed