{d}{e}<\/span><\/div>], ''],\n [a, [[]], b, c, [d, [[]], e]],\n [[[a, b, c, d], e]],\n- [a, b, c, d, e]\n+ [a, b, c, d, e],\n ];\n \n \/\/ 5. Test fresh mount for each case.\n@@ -214,7 +214,7 @@ describe('StoreStress (Sync Mode)', () => {\n \/\/ 2. Verify that we can update from every step to every other step and back.\n for (let i = 0; i < steps.length; i++) {\n for (let j = 0; j < steps.length; j++) {\n- let container = document.createElement('div');\n+ container = document.createElement('div');\n act(() => ReactDOM.render({steps[i]}<\/Root>, container));\n expect(print(store)).toMatch(snapshots[i]);\n act(() => ReactDOM.render({steps[j]}<\/Root>, container));\n@@ -229,7 +229,7 @@ describe('StoreStress (Sync Mode)', () => {\n \/\/ 3. Same test as above, but this time we wrap children in a host component.\n for (let i = 0; i < steps.length; i++) {\n for (let j = 0; j < steps.length; j++) {\n- let container = document.createElement('div');\n+ container = document.createElement('div');\n act(() =>\n ReactDOM.render(\n \n@@ -288,7 +288,7 @@ describe('StoreStress (Sync Mode)', () => {\n [[a]],\n null,\n b,\n- a\n+ a,\n ];\n \n const Never = () => {\n@@ -578,7 +578,6 @@ describe('StoreStress (Sync Mode)', () => {\n \/\/ Force fallback.\n expect(print(store)).toEqual(snapshots[i]);\n act(() => {\n- const suspenseID = store.getElementIDAtIndex(2);\n bridge.send('overrideSuspense', {\n id: suspenseID,\n rendererID: store.getRendererIDForElement(suspenseID),\n@@ -682,7 +681,7 @@ describe('StoreStress (Sync Mode)', () => {\n [[a]],\n null,\n b,\n- a\n+ a,\n ];\n \n const Never = () => {\n@@ -1014,7 +1013,6 @@ describe('StoreStress (Sync Mode)', () => {\n \/\/ Force fallback.\n expect(print(store)).toEqual(snapshots[i]);\n act(() => {\n- const suspenseID = store.getElementIDAtIndex(2);\n bridge.send('overrideSuspense', {\n id: suspenseID,\n rendererID: store.getRendererIDForElement(suspenseID),\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/storeStressTestConcurrent-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/storeStressTestConcurrent-test.js\nindex f219c7f813..8e72f41f1a 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/storeStressTestConcurrent-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/storeStressTestConcurrent-test.js\n@@ -105,7 +105,7 @@ describe('StoreStressConcurrent', () => {\n [a, b, [c,

{d}{e}<\/span><\/div>], ''],\n [a, [[]], b, c, [d, [[]], e]],\n [[[a, b, c, d], e]],\n- [a, b, c, d, e]\n+ [a, b, c, d, e],\n ];\n \n \/\/ 5. Test fresh mount for each case.\n@@ -222,9 +222,9 @@ describe('StoreStressConcurrent', () => {\n \/\/ 2. Verify that we can update from every step to every other step and back.\n for (let i = 0; i < steps.length; i++) {\n for (let j = 0; j < steps.length; j++) {\n- let container = document.createElement('div');\n+ container = document.createElement('div');\n \/\/ $FlowFixMe\n- let root = ReactDOM.unstable_createRoot(container);\n+ root = ReactDOM.unstable_createRoot(container);\n act(() => root.render({steps[i]}<\/Root>));\n expect(print(store)).toMatch(snapshots[i]);\n act(() => root.render({steps[j]}<\/Root>));\n@@ -239,9 +239,9 @@ describe('StoreStressConcurrent', () => {\n \/\/ 3. Same test as above, but this time we wrap children in a host component.\n for (let i = 0; i < steps.length; i++) {\n for (let j = 0; j < steps.length; j++) {\n- let container = document.createElement('div');\n+ container = document.createElement('div');\n \/\/ $FlowFixMe\n- let root = ReactDOM.unstable_createRoot(container);\n+ root = ReactDOM.unstable_createRoot(container);\n act(() =>\n root.render(\n \n@@ -297,7 +297,7 @@ describe('StoreStressConcurrent', () => {\n [[a]],\n null,\n b,\n- a\n+ a,\n ];\n \n const Never = () => {\n@@ -584,7 +584,6 @@ describe('StoreStressConcurrent', () => {\n \/\/ Force fallback.\n expect(print(store)).toEqual(snapshots[i]);\n act(() => {\n- const suspenseID = store.getElementIDAtIndex(2);\n bridge.send('overrideSuspense', {\n id: suspenseID,\n rendererID: store.getRendererIDForElement(suspenseID),\n@@ -686,7 +685,7 @@ describe('StoreStressConcurrent', () => {\n [[a]],\n null,\n b,\n- a\n+ a,\n ];\n \n const Never = () => {\n@@ -1015,7 +1014,6 @@ describe('StoreStressConcurrent', () => {\n \/\/ Force fallback.\n expect(print(store)).toEqual(snapshots[i]);\n act(() => {\n- const suspenseID = store.getElementIDAtIndex(2);\n bridge.send('overrideSuspense', {\n id: suspenseID,\n rendererID: store.getRendererIDForElement(suspenseID),\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/treeContext-test.js b\/packages\/react-devtools-shared\/src\/__tests__\/treeContext-test.js\nindex 3983b156ee..1834e615c4 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/treeContext-test.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/treeContext-test.js\n@@ -98,7 +98,7 @@ describe('TreeListContext', () => {\n const index = ((state.selectedElementIndex: any): number);\n utils.act(() => dispatch({type: 'SELECT_NEXT_ELEMENT_IN_TREE'}));\n utils.act(() => renderer.update());\n- expect(state).toMatchSnapshot(`3: select element after (${index})`);\n+ expect(state).toMatchSnapshot(`3: select element after (${index})`);\n }\n \n while (\ndiff --git a\/packages\/react-devtools-shared\/src\/__tests__\/utils.js b\/packages\/react-devtools-shared\/src\/__tests__\/utils.js\nindex 1679ab5dca..8501f30b19 100644\n--- a\/packages\/react-devtools-shared\/src\/__tests__\/utils.js\n+++ b\/packages\/react-devtools-shared\/src\/__tests__\/utils.js\n@@ -78,7 +78,7 @@ export function createDisplayNameFilter(\n const Types = require('react-devtools-shared\/src\/types');\n let isValid = true;\n try {\n- new RegExp(source);\n+ new RegExp(source); \/\/ eslint-disable-line no-new\n } catch (error) {\n isValid = false;\n }\n@@ -118,7 +118,7 @@ export function createLocationFilter(\n const Types = require('react-devtools-shared\/src\/types');\n let isValid = true;\n try {\n- new RegExp(source);\n+ new RegExp(source); \/\/ eslint-disable-line no-new\n } catch (error) {\n isValid = false;\n }\n@@ -136,8 +136,8 @@ export function getRendererID(): number {\n }\n const ids = Object.keys(global.agent._rendererInterfaces);\n \n- const id = ids.find(id => {\n- const rendererInterface = global.agent._rendererInterfaces[id];\n+ const id = ids.find(innerID => {\n+ const rendererInterface = global.agent._rendererInterfaces[innerID];\n return rendererInterface.renderer.rendererPackageName === 'react-dom';\n });\n \n@@ -162,7 +162,6 @@ export function requireTestRenderer(): ReactTestRenderer {\n }\n \n export function exportImportHelper(bridge: FrontendBridge, store: Store): void {\n- const {act} = require('.\/utils');\n const {\n prepareProfilingDataExport,\n prepareProfilingDataFrontendFromExport,\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/NativeStyleEditor\/resolveBoxStyle.js b\/packages\/react-devtools-shared\/src\/backend\/NativeStyleEditor\/resolveBoxStyle.js\nindex 3a25494131..5b8005fab9 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/NativeStyleEditor\/resolveBoxStyle.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/NativeStyleEditor\/resolveBoxStyle.js\n@@ -24,6 +24,7 @@ export default function resolveBoxStyle(\n \n const styleForAll = style[prefix];\n if (styleForAll != null) {\n+ \/\/ eslint-disable-next-line no-for-of-loops\/no-for-of-loops\n for (const key of Object.keys(result)) {\n result[key] = styleForAll;\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/console.js b\/packages\/react-devtools-shared\/src\/backend\/console.js\nindex 8bcc242a58..765f038100 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/console.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/console.js\n@@ -92,6 +92,7 @@ export function patch(): void {\n if (!alreadyHasComponentStack) {\n \/\/ If there's a component stack for at least one of the injected renderers, append it.\n \/\/ We don't handle the edge case of stacks for more than one (e.g. interleaved renderers?)\n+ \/\/ eslint-disable-next-line no-for-of-loops\/no-for-of-loops\n for (let {\n getCurrentFiber,\n getDisplayNameForFiber,\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js b\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\nindex a892bdedcd..dfed4c433f 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\n@@ -44,7 +44,7 @@ function getData(internalInstance: InternalInstance) {\n \/\/ != used deliberately here to catch undefined and null\n if (internalInstance._currentElement != null) {\n if (internalInstance._currentElement.key) {\n- key = String(internalInstance._currentElement.key);\n+ key = '' + internalInstance._currentElement.key;\n }\n \n const elementType = internalInstance._currentElement.type;\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/renderer.js b\/packages\/react-devtools-shared\/src\/backend\/renderer.js\nindex cfedcf883c..b4f466c161 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/renderer.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/renderer.js\n@@ -657,6 +657,7 @@ export function attach(\n if (hideElementsWithDisplayNames.size > 0) {\n const displayName = getDisplayNameForFiber(fiber);\n if (displayName != null) {\n+ \/\/ eslint-disable-next-line no-for-of-loops\/no-for-of-loops\n for (let displayNameRegExp of hideElementsWithDisplayNames) {\n if (displayNameRegExp.test(displayName)) {\n return true;\n@@ -667,6 +668,7 @@ export function attach(\n \n if (_debugSource != null && hideElementsWithPaths.size > 0) {\n const {fileName} = _debugSource;\n+ \/\/ eslint-disable-next-line no-for-of-loops\/no-for-of-loops\n for (let pathRegExp of hideElementsWithPaths) {\n if (pathRegExp.test(fileName)) {\n return true;\n@@ -940,6 +942,7 @@ export function attach(\n \n const keys = new Set([...Object.keys(prev), ...Object.keys(next)]);\n const changedKeys = [];\n+ \/\/ eslint-disable-next-line no-for-of-loops\/no-for-of-loops\n for (let key of keys) {\n if (prev[key] !== next[key]) {\n changedKeys.push(key);\n@@ -1316,7 +1319,7 @@ export function attach(\n const id = getFiberID(getPrimaryFiber(fiber));\n const {actualDuration, treeBaseDuration} = fiber;\n \n- idToTreeBaseDurationMap.set(id, fiber.treeBaseDuration || 0);\n+ idToTreeBaseDurationMap.set(id, treeBaseDuration || 0);\n \n if (isProfiling) {\n const {alternate} = fiber;\n@@ -1327,12 +1330,12 @@ export function attach(\n ) {\n \/\/ Tree base duration updates are included in the operations typed array.\n \/\/ So we have to convert them from milliseconds to microseconds so we can send them as ints.\n- const treeBaseDuration = Math.floor(\n- (fiber.treeBaseDuration || 0) * 1000,\n+ const convertedTreeBaseDuration = Math.floor(\n+ (treeBaseDuration || 0) * 1000,\n );\n pushOperation(TREE_OPERATION_UPDATE_TREE_BASE_DURATION);\n pushOperation(id);\n- pushOperation(treeBaseDuration);\n+ pushOperation(convertedTreeBaseDuration);\n }\n \n if (alternate == null || didFiberRender(alternate, fiber)) {\ndiff --git a\/packages\/react-devtools-shared\/src\/constants.js b\/packages\/react-devtools-shared\/src\/constants.js\nindex c538ddbfb6..641602e3d8 100644\n--- a\/packages\/react-devtools-shared\/src\/constants.js\n+++ b\/packages\/react-devtools-shared\/src\/constants.js\n@@ -39,7 +39,7 @@ let COMPACT_LINE_HEIGHT;\n \n try {\n \/\/ $FlowFixMe\n- const rawStyleString = require('!!raw-loader!src\/devtools\/views\/root.css') \/\/ eslint-disable-line import\/no-webpack-loader-syntax\n+ const rawStyleString = require('!!raw-loader!react-devtools-shared\/src\/devtools\/views\/root.css')\n .default;\n \n const extractVar = varName => {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js b\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js\nindex 4967ef1b38..53689d24f2 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js\n@@ -43,7 +43,7 @@ export default class ProfilerStore extends EventEmitter<{|\n \n \/\/ Snapshot of the state of the main Store (including all roots) when profiling started.\n \/\/ Once profiling is finished, this snapshot can be used along with \"operations\" messages emitted during profiling,\n- \/\/ to reconstruct the state of each root for each commit.\n+ \/\/ to reconstruct the state of each root for each commit.\n \/\/ It's okay to use a single root to store this information because node IDs are unique across all roots.\n \/\/\n \/\/ This map is initialized when profiling starts and updated when a new root is added while profiling;\n@@ -52,7 +52,7 @@ export default class ProfilerStore extends EventEmitter<{|\n \n \/\/ Map of root (id) to a list of tree mutation that occur during profiling.\n \/\/ Once profiling is finished, these mutations can be used, along with the initial tree snapshots,\n- \/\/ to reconstruct the state of each root for each commit.\n+ \/\/ to reconstruct the state of each root for each commit.\n \/\/\n \/\/ This map is only updated while profiling is in progress;\n \/\/ Upon completion, it is converted into the exportable ProfilingDataFrontend format.\n@@ -283,6 +283,7 @@ export default class ProfilerStore extends EventEmitter<{|\n this._rendererQueue.clear();\n \n \/\/ Record all renderer IDs initially too (in case of unmount)\n+ \/\/ eslint-disable-next-line no-for-of-loops\/no-for-of-loops\n for (let rendererID of this._store.rootIDToRendererID.values()) {\n if (!this._initialRendererIDs.has(rendererID)) {\n this._initialRendererIDs.add(rendererID);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/cache.js b\/packages\/react-devtools-shared\/src\/devtools\/cache.js\nindex 6c2abe0d89..720ea17e9d 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/cache.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/cache.js\n@@ -143,7 +143,6 @@ export function createResource(\n \n read(input: Input): Value {\n \/\/ Prevent access outside of render.\n- \/\/ eslint-disable-next-line react-hooks\/rules-of-hooks\n readContext(CacheContext);\n \n const key = hashInput(input);\n@@ -169,7 +168,6 @@ export function createResource(\n \n preload(input: Input): void {\n \/\/ Prevent access outside of render.\n- \/\/ eslint-disable-next-line react-hooks\/rules-of-hooks\n readContext(CacheContext);\n \n const key = hashInput(input);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/store.js b\/packages\/react-devtools-shared\/src\/devtools\/store.js\nindex 5a8e844107..cc657bdec4 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/store.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/store.js\n@@ -484,9 +484,9 @@ export default class Store extends EventEmitter<{|\n \/\/ (1) another node that's already in the tree, or (2) the root (owner)\n \/\/ at which point, our depth is just the depth of that node plus one.\n sortedIDs.forEach(id => {\n- const element = this._idToElement.get(id);\n- if (element != null) {\n- let parentID = element.parentID;\n+ const innerElement = this._idToElement.get(id);\n+ if (innerElement != null) {\n+ let parentID = innerElement.parentID;\n \n let depth = 0;\n while (parentID > 0) {\n@@ -506,7 +506,7 @@ export default class Store extends EventEmitter<{|\n throw Error('Invalid owners list');\n }\n \n- list.push({...element, depth});\n+ list.push({...innerElement, depth});\n }\n });\n }\n@@ -717,7 +717,7 @@ export default class Store extends EventEmitter<{|\n const id = ((operations[i + 1]: any): number);\n const type = ((operations[i + 2]: any): ElementType);\n \n- i = i + 3;\n+ i += 3;\n \n if (this._idToElement.has(id)) {\n throw Error(\n@@ -829,7 +829,7 @@ export default class Store extends EventEmitter<{|\n }\n case TREE_OPERATION_REMOVE: {\n const removeLength = ((operations[i + 1]: any): number);\n- i = i + 2;\n+ i += 2;\n \n for (let removeIndex = 0; removeIndex < removeLength; removeIndex++) {\n const id = ((operations[i]: any): number);\n@@ -840,7 +840,7 @@ export default class Store extends EventEmitter<{|\n );\n }\n \n- i = i + 1;\n+ i += 1;\n \n const element = ((this._idToElement.get(id): any): Element);\n const {children, ownerID, parentID, weight} = element;\n@@ -891,7 +891,7 @@ export default class Store extends EventEmitter<{|\n case TREE_OPERATION_REORDER_CHILDREN: {\n const id = ((operations[i + 1]: any): number);\n const numChildren = ((operations[i + 2]: any): number);\n- i = i + 3;\n+ i += 3;\n \n if (!this._idToElement.has(id)) {\n throw Error(\n@@ -920,7 +920,7 @@ export default class Store extends EventEmitter<{|\n }\n }\n }\n- i = i + numChildren;\n+ i += numChildren;\n \n if (__DEBUG__) {\n debug('Re-order', `Node ${id} children ${children.join(',')}`);\n@@ -931,7 +931,7 @@ export default class Store extends EventEmitter<{|\n \/\/ Base duration updates are only sent while profiling is in progress.\n \/\/ We can ignore them at this point.\n \/\/ The profiler UI uses them lazily in order to generate the tree.\n- i = i + 3;\n+ i += 3;\n break;\n default:\n throw Error(`Unsupported Bridge operation ${operation}`);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HooksTree.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HooksTree.js\nindex 2bc07bd4d9..5b239ee523 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HooksTree.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HooksTree.js\n@@ -211,7 +211,10 @@ function HookView({canEditHooks, hook, id, inspectPath, path}: HookViewProps) {\n let overrideValueFn = null;\n \/\/ TODO Maybe read editable value from debug hook?\n if (canEditHooks && isStateEditable) {\n- overrideValueFn = (absolutePath: Array, value: any) => {\n+ overrideValueFn = (\n+ absolutePath: Array,\n+ newValue: any,\n+ ) => {\n const rendererID = store.getRendererIDForElement(id);\n if (rendererID !== null) {\n bridge.send('overrideHookState', {\n@@ -223,7 +226,7 @@ function HookView({canEditHooks, hook, id, inspectPath, path}: HookViewProps) {\n \/\/ so it's important that we remove that part of the path before sending the update.\n path: absolutePath.slice(path.length + 1),\n rendererID,\n- value,\n+ value: newValue,\n });\n }\n };\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js\nindex a31229ace1..1f0f994ab0 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js\n@@ -20,7 +20,6 @@ import type {\n InspectedElementPayload,\n } from 'react-devtools-shared\/src\/backend\/types';\n import type {\n- DehydratedData,\n Element,\n InspectedElement as InspectedElementFrontend,\n } from 'react-devtools-shared\/src\/devtools\/views\/Components\/types';\n@@ -280,7 +279,6 @@ function InspectedElementContextController({children}: Props) {\n const value = useMemo(\n () => ({getInspectedElement, getInspectedElementPath}),\n \/\/ InspectedElement is used to invalidate the cache and schedule an update with React.\n- \/\/ eslint-disable-next-line react-hooks\/exhaustive-deps\n [currentlyInspectedElement, getInspectedElement, getInspectedElementPath],\n );\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/KeyValue.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/KeyValue.js\nindex d312789c40..19f3998972 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/KeyValue.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/KeyValue.js\n@@ -154,18 +154,20 @@ export default function KeyValue({\n } else {\n const hasChildren = Object.entries(value).length > 0;\n \n- children = Object.entries(value).map>(([name, value]) => (\n- \n- ));\n+ children = Object.entries(value).map>(\n+ ([innerName, innerValue]) => (\n+ \n+ ),\n+ );\n children.unshift(\n {\n+ const validateAndSetLocalAttribute = newAttribute => {\n const isValid =\n- attribute === '' ||\n+ newAttribute === '' ||\n validAttributes === null ||\n- validAttributes.indexOf(attribute) >= 0;\n+ validAttributes.indexOf(newAttribute) >= 0;\n \n batchedUpdates(() => {\n- setLocalAttribute(attribute);\n+ setLocalAttribute(newAttribute);\n setIsAttributeValid(isValid);\n });\n };\n \n- const validateAndSetLocalValue = value => {\n+ const validateAndSetLocalValue = newValue => {\n let isValid = false;\n try {\n- JSON.parse(value);\n+ JSON.parse(newValue);\n isValid = true;\n } catch (error) {}\n \n batchedUpdates(() => {\n- setLocalValue(value);\n+ setLocalValue(newValue);\n setIsValueValid(isValid);\n });\n };\ndiff --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\nindex 597ccfdb76..ed2492230c 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/context.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/context.js\n@@ -187,7 +187,6 @@ function NativeStyleContextController({children}: Props) {\n const value = useMemo(\n () => ({getStyleAndLayout}),\n \/\/ NativeStyle is used to invalidate the cache and schedule an update with React.\n- \/\/ eslint-disable-next-line react-hooks\/exhaustive-deps\n [currentStyleAndLayout, getStyleAndLayout],\n );\n \ndiff --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\nindex 1903556754..2a87011c5c 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/index.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/index.js\n@@ -1,7 +1,6 @@\n \/\/ @flow\n \n import React, {Fragment, useContext, useMemo} from 'react';\n-import Store from 'react-devtools-shared\/src\/devtools\/store';\n import {StoreContext} from 'react-devtools-shared\/src\/devtools\/views\/context';\n import {useSubscription} from 'react-devtools-shared\/src\/devtools\/views\/hooks';\n import {NativeStyleContext} from '.\/context';\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersStack.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersStack.js\nindex d0a849ff69..5abf1b887e 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersStack.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersStack.js\n@@ -130,18 +130,18 @@ export default function OwnerStack() {\n return () => {};\n }\n \n- let elementsTotalWidth = 0;\n+ let totalWidth = 0;\n for (let i = 0; i < owners.length; i++) {\n const element = elementsBarRef.current.children[i];\n const computedStyle = getComputedStyle(element);\n \n- elementsTotalWidth +=\n+ totalWidth +=\n element.offsetWidth +\n parseInt(computedStyle.marginLeft, 10) +\n parseInt(computedStyle.marginRight, 10);\n }\n \n- setElementsTotalWidth(elementsTotalWidth);\n+ setElementsTotalWidth(totalWidth);\n },\n [elementsBarRef, isOverflowing, owners.length],\n );\n@@ -164,7 +164,7 @@ export default function OwnerStack() {\n {selectedOwner != null && (\n \n )}\n@@ -290,9 +290,6 @@ function BackToOwnerButton({\n }\n \n const owner = owners[selectedIndex - 1];\n- if (owner == null) {\n- debugger;\n- }\n const isInStore = store.containsElement(owner.id);\n \n return (\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/SelectedElement.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/SelectedElement.js\nindex 90a114c9ba..32d7cbfb28 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/SelectedElement.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/SelectedElement.js\n@@ -349,7 +349,7 @@ function InspectedElementView({\n data={props}\n inspectPath={inspectPropsPath}\n overrideValueFn={overridePropsFn}\n- showWhenEmpty\n+ showWhenEmpty={true}\n \/>\n {type === ElementTypeSuspense ? (\n {\n- const index = store.getIndexOfElementID(id);\n- return index !== null && index >= selectedElementIndex;\n+ const innerIndex = store.getIndexOfElementID(id);\n+ return innerIndex !== null && innerIndex >= selectedElementIndex;\n });\n \n return index === -1 ? 0 : index;\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ModalDialog.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ModalDialog.js\nindex 5ec742b188..438f22c939 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ModalDialog.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ModalDialog.js\n@@ -139,7 +139,10 @@ function ModalDialogImpl(_: {||}) {\n {content}\n {canBeDismissed && (\n

\n-

dillon1000/react

Files changed