\n@@ -60,10 +60,10 @@ switch (major) {\n }\n case 6:\n \/\/ memo\n- function LabelComponent({ label }) {\n+ function LabelComponent({label}) {\n return {label}<\/label>;\n }\n- const AnonymousMemoized = React.memo(({ label }) => (\n+ const AnonymousMemoized = React.memo(({label}) => (\n {label}<\/label>\n ));\n const Memoized = React.memo(LabelComponent);\n@@ -91,8 +91,8 @@ switch (major) {\n getResourceKey\n );\n class Suspending extends React.Component {\n- state = { useSuspense: false };\n- useSuspense = () => this.setState({ useSuspense: true });\n+ state = {useSuspense: false};\n+ useSuspense = () => this.setState({useSuspense: true});\n render() {\n if (this.state.useSuspense) {\n const text = Resource.read(['loaded', 2000]);\n@@ -141,9 +141,9 @@ switch (major) {\n case 4:\n \/\/ unstable_Profiler\n class ProfilerChild extends React.Component {\n- state = { count: 0 };\n+ state = {count: 0};\n incrementCount = () =>\n- this.setState(prevState => ({ count: prevState.count + 1 }));\n+ this.setState(prevState => ({count: prevState.count + 1}));\n render() {\n return (\n

\n@@ -159,8 +159,7 @@ switch (major) {\n \n+ version=\"16.4+\">\n \n

\n \n@@ -230,8 +229,7 @@ switch (major) {\n \n+ version=\"16.3+\">\n \n

\n unstable_AsyncMode was added in 16.3, renamed to\n@@ -271,13 +269,13 @@ function Even() {\n \n \/\/ Simple stateful app shared by all React versions\n class SimpleApp extends React.Component {\n- state = { count: 0 };\n+ state = {count: 0};\n incrementCount = () => {\n- const updaterFn = prevState => ({ count: prevState.count + 1 });\n+ const updaterFn = prevState => ({count: prevState.count + 1});\n trace('Updating count', performance.now(), () => this.setState(updaterFn));\n };\n render() {\n- const { count } = this.state;\n+ const {count} = this.state;\n return (\n

\n {count % 2 === 0 ? (\n@@ -299,7 +297,7 @@ apps.push(\n );\n \n \/\/ This component, with the version prop, helps organize DevTools at a glance.\n-function TopLevelWrapperForDevTools({ version }) {\n+function TopLevelWrapperForDevTools({version}) {\n let header =

React {version}<\/h1>;\n if (version.includes('canary')) {\n const commitSha = version.match(\/.+canary-(.+)\/)[1];\ndiff --git a\/fixtures\/devtools\/shell\/app\/DeeplyNestedComponents\/index.js b\/fixtures\/devtools\/shell\/app\/DeeplyNestedComponents\/index.js\nindex ad4468d2eb..16afd4cec8 100644\n--- a\/fixtures\/devtools\/shell\/app\/DeeplyNestedComponents\/index.js\n+++ b\/fixtures\/devtools\/shell\/app\/DeeplyNestedComponents\/index.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import React, { Fragment } from 'react';\n+import React, {Fragment} from 'react';\n \n function wrapWithHoc(Component, index) {\n function HOC() {\ndiff --git a\/fixtures\/devtools\/shell\/app\/EditableProps\/index.js b\/fixtures\/devtools\/shell\/app\/EditableProps\/index.js\nindex f5a39fc92f..5382a09ac5 100644\n--- a\/fixtures\/devtools\/shell\/app\/EditableProps\/index.js\n+++ b\/fixtures\/devtools\/shell\/app\/EditableProps\/index.js\n@@ -13,20 +13,20 @@ import React, {\n useState,\n } from 'react';\n \n-const initialData = { foo: 'FOO', bar: 'BAR' };\n+const initialData = {foo: 'FOO', bar: 'BAR'};\n \n function reducer(state, action) {\n switch (action.type) {\n case 'swap':\n- return { foo: state.bar, bar: state.foo };\n+ return {foo: state.bar, bar: state.foo};\n default:\n throw new Error();\n }\n }\n \n-type StatefulFunctionProps = {| name: string |};\n+type StatefulFunctionProps = {|name: string|};\n \n-function StatefulFunction({ name }: StatefulFunctionProps) {\n+function StatefulFunction({name}: StatefulFunctionProps) {\n const [count, updateCount] = useState(0);\n const debouncedCount = useDebounce(count, 1000);\n const handleUpdateCountClick = useCallback(() => updateCount(count + 1), [\n@@ -35,7 +35,7 @@ function StatefulFunction({ name }: StatefulFunctionProps) {\n \n const [data, dispatch] = useReducer(reducer, initialData);\n const handleUpdateReducerClick = useCallback(\n- () => dispatch({ type: 'swap' }),\n+ () => dispatch({type: 'swap'}),\n []\n );\n \n@@ -60,8 +60,8 @@ function StatefulFunction({ name }: StatefulFunctionProps) {\n const BoolContext = createContext(true);\n BoolContext.displayName = 'BoolContext';\n \n-type Props = {| name: string, toggle: boolean |};\n-type State = {| cities: Array, state: string |};\n+type Props = {|name: string, toggle: boolean|};\n+type State = {|cities: Array, state: string|};\n \n class StatefulClass extends Component {\n static contextType = BoolContext;\n@@ -71,7 +71,7 @@ class StatefulClass extends Component {\n state: 'California',\n };\n \n- handleChange = ({ target }) =>\n+ handleChange = ({target}) =>\n this.setState({\n state: target.value,\n });\n@@ -94,8 +94,8 @@ class StatefulClass extends Component {\n const MemoizedStatefulClass = memo(StatefulClass);\n const MemoizedStatefulFunction = memo(StatefulFunction);\n \n-const ForwardRef = forwardRef<{| name: string |}, HTMLUListElement>(\n- ({ name }, ref) => {\n+const ForwardRef = forwardRef<{|name: string|}, HTMLUListElement>(\n+ ({name}, ref) => {\n const [count, updateCount] = useState(0);\n const debouncedCount = useDebounce(count, 1000);\n const handleUpdateCountClick = useCallback(() => updateCount(count + 1), [\ndiff --git a\/fixtures\/devtools\/shell\/app\/Hydration\/index.js b\/fixtures\/devtools\/shell\/app\/Hydration\/index.js\nindex bf0cd66a52..8fd2f31a13 100644\n--- a\/fixtures\/devtools\/shell\/app\/Hydration\/index.js\n+++ b\/fixtures\/devtools\/shell\/app\/Hydration\/index.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import React, { Fragment, useDebugValue, useState } from 'react';\n+import React, {Fragment, useDebugValue, useState} from 'react';\n \n const div = document.createElement('div');\n const exmapleFunction = () => {};\n@@ -110,7 +110,7 @@ export default function Hydration() {\n );\n }\n \n-function DehydratableProps({ array, object }: any) {\n+function DehydratableProps({array, object}: any) {\n return (\n
\n
array: {JSON.stringify(array, null, 2)}<\/li>\ndiff --git a\/fixtures\/devtools\/shell\/app\/Iframe\/index.js b\/fixtures\/devtools\/shell\/app\/Iframe\/index.js\nindex 8e4967ae5a..394b0d680f 100644\n--- a\/fixtures\/devtools\/shell\/app\/Iframe\/index.js\n+++ b\/fixtures\/devtools\/shell\/app\/Iframe\/index.js\n@@ -1,6 +1,6 @@\n \/** @flow \/\n \n-import React, { Fragment } from 'react';\n+import React, {Fragment} from 'react';\n import ReactDOM from 'react-dom';\n \n export default function Iframe() {\n@@ -16,7 +16,7 @@ export default function Iframe() {\n );\n }\n \n-const iframeStyle = { border: '2px solid #eee', height: 80 };\n+const iframeStyle = {border: '2px solid #eee', height: 80};\n \n function Frame(props) {\n const [element, setElement] = React.useState(null);\ndiff --git a\/fixtures\/devtools\/shell\/app\/InspectableElements\/Contexts.js b\/fixtures\/devtools\/shell\/app\/InspectableElements\/Contexts.js\nindex 65e35d4606..08c380dc0c 100644\n--- a\/fixtures\/devtools\/shell\/app\/InspectableElements\/Contexts.js\n+++ b\/fixtures\/devtools\/shell\/app\/InspectableElements\/Contexts.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import React, { createContext, Component, Fragment, useContext } from 'react';\n+import React, {createContext, Component, Fragment, useContext} from 'react';\n import PropTypes from 'prop-types';\n \n function someNamedFunction() {}\n@@ -10,7 +10,7 @@ const contextData = {\n bool: true,\n func: someNamedFunction,\n number: 123,\n- object: { outer: { inner: {} } },\n+ object: {outer: {inner: {}}},\n string: 'abc',\n symbol: Symbol.for('symbol'),\n null: null,\ndiff --git a\/fixtures\/devtools\/shell\/app\/InspectableElements\/CustomHooks.js b\/fixtures\/devtools\/shell\/app\/InspectableElements\/CustomHooks.js\nindex 56eea075d1..bf50de23a7 100644\n--- a\/fixtures\/devtools\/shell\/app\/InspectableElements\/CustomHooks.js\n+++ b\/fixtures\/devtools\/shell\/app\/InspectableElements\/CustomHooks.js\n@@ -17,7 +17,7 @@ const object = {\n null: null,\n undefined: undefined,\n array: ['a', 'b', 'c'],\n- object: { foo: 1, bar: 2, baz: 3 },\n+ object: {foo: 1, bar: 2, baz: 3},\n };\n \n function useNestedInnerHook() {\ndiff --git a\/fixtures\/devtools\/shell\/app\/InspectableElements\/InspectableElements.js b\/fixtures\/devtools\/shell\/app\/InspectableElements\/InspectableElements.js\nindex 8917b33037..ace2a68c55 100644\n--- a\/fixtures\/devtools\/shell\/app\/InspectableElements\/InspectableElements.js\n+++ b\/fixtures\/devtools\/shell\/app\/InspectableElements\/InspectableElements.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import React, { Fragment } from 'react';\n+import React, {Fragment} from 'react';\n import Contexts from '.\/Contexts';\n import CustomHooks from '.\/CustomHooks';\n import CustomObject from '.\/CustomObject';\ndiff --git a\/fixtures\/devtools\/shell\/app\/InspectableElements\/NestedProps.js b\/fixtures\/devtools\/shell\/app\/InspectableElements\/NestedProps.js\nindex d6f5a804eb..7927307bc8 100644\n--- a\/fixtures\/devtools\/shell\/app\/InspectableElements\/NestedProps.js\n+++ b\/fixtures\/devtools\/shell\/app\/InspectableElements\/NestedProps.js\n@@ -22,7 +22,7 @@ export default function ObjectProps() {\n }}\n array={['first', 'second', 'third']}\n objectInArray={[object]}\n- arrayInObject={{ array: ['first', 'second', 'third'] }}\n+ arrayInObject={{array: ['first', 'second', 'third']}}\n deepObject={{\n \/\/ Known limitation: we won't go deeper than several levels.\n \/\/ In the future, we might offer a way to request deeper access on demand.\ndiff --git a\/fixtures\/devtools\/shell\/app\/InteractionTracing\/index.js b\/fixtures\/devtools\/shell\/app\/InteractionTracing\/index.js\nindex d062f976f9..1254cc8c10 100644\n--- a\/fixtures\/devtools\/shell\/app\/InteractionTracing\/index.js\n+++ b\/fixtures\/devtools\/shell\/app\/InteractionTracing\/index.js\n@@ -1,7 +1,7 @@\n \/\/ @flow\n \n-import React, { Fragment, useCallback, useEffect, useState } from 'react';\n-import { unstable_batchedUpdates as batchedUpdates } from 'react-dom';\n+import React, {Fragment, useCallback, useEffect, useState} from 'react';\n+import {unstable_batchedUpdates as batchedUpdates} from 'react-dom';\n import {\n unstable_trace as trace,\n unstable_wrap as wrap,\n@@ -11,54 +11,66 @@ export default function InteractionTracing() {\n const [count, setCount] = useState(0);\n const [shouldCascade, setShouldCascade] = useState(false);\n \n- const handleUpdate = useCallback(() => {\n- trace('count', performance.now(), () => {\n- setTimeout(\n- wrap(() => {\n- setCount(count + 1);\n- }),\n- count 100\n- );\n- });\n- }, [count]);\n-\n- const handleCascadingUpdate = useCallback(() => {\n- trace('cascade', performance.now(), () => {\n- setTimeout(\n- wrap(() => {\n- batchedUpdates(() => {\n+ const handleUpdate = useCallback(\n+ () => {\n+ trace('count', performance.now(), () => {\n+ setTimeout(\n+ wrap(() => {\n setCount(count + 1);\n- setShouldCascade(true);\n- });\n- }),\n- count * 100\n- );\n- });\n- }, [count]);\n+ }),\n+ count * 100\n+ );\n+ });\n+ },\n+ [count]\n+ );\n \n- const handleMultiple = useCallback(() => {\n- trace('first', performance.now(), () => {\n- trace('second', performance.now(), () => {\n+ const handleCascadingUpdate = useCallback(\n+ () => {\n+ trace('cascade', performance.now(), () => {\n setTimeout(\n wrap(() => {\n- setCount(count + 1);\n+ batchedUpdates(() => {\n+ setCount(count + 1);\n+ setShouldCascade(true);\n+ });\n }),\n count * 100\n );\n });\n- });\n- }, [count]);\n+ },\n+ [count]\n+ );\n \n- useEffect(() => {\n- if (shouldCascade) {\n- setTimeout(\n- wrap(() => {\n- setShouldCascade(false);\n- }),\n- count * 100\n- );\n- }\n- }, [count, shouldCascade]);\n+ const handleMultiple = useCallback(\n+ () => {\n+ trace('first', performance.now(), () => {\n+ trace('second', performance.now(), () => {\n+ setTimeout(\n+ wrap(() => {\n+ setCount(count + 1);\n+ }),\n+ count * 100\n+ );\n+ });\n+ });\n+ },\n+ [count]\n+ );\n+\n+ useEffect(\n+ () => {\n+ if (shouldCascade) {\n+ setTimeout(\n+ wrap(() => {\n+ setShouldCascade(false);\n+ }),\n+ count * 100\n+ );\n+ }\n+ },\n+ [count, shouldCascade]\n+ );\n \n return (\n \ndiff --git a\/fixtures\/devtools\/shell\/app\/PriorityLevels\/index.js b\/fixtures\/devtools\/shell\/app\/PriorityLevels\/index.js\nindex 2888451980..db0d086e4d 100644\n--- a\/fixtures\/devtools\/shell\/app\/PriorityLevels\/index.js\n+++ b\/fixtures\/devtools\/shell\/app\/PriorityLevels\/index.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import React, { Fragment, useCallback, useState } from 'react';\n+import React, {Fragment, useCallback, useState} from 'react';\n import {\n unstable_IdlePriority as IdlePriority,\n unstable_LowPriority as LowPriority,\ndiff --git a\/fixtures\/devtools\/shell\/app\/ReactNativeWeb\/index.js b\/fixtures\/devtools\/shell\/app\/ReactNativeWeb\/index.js\nindex 7e2e27ede7..0cdd3f361a 100644\n--- a\/fixtures\/devtools\/shell\/app\/ReactNativeWeb\/index.js\n+++ b\/fixtures\/devtools\/shell\/app\/ReactNativeWeb\/index.js\n@@ -1,7 +1,7 @@\n \/\/ @flow\n \n-import React, { Fragment, useState } from 'react';\n-import { Button, Text, View } from 'react-native-web';\n+import React, {Fragment, useState} from 'react';\n+import {Button, Text, View} from 'react-native-web';\n \n export default function ReactNativeWeb() {\n const [backgroundColor, setBackgroundColor] = useState('blue');\n@@ -17,13 +17,13 @@ export default function ReactNativeWeb() {\n '\\u0623\\u062D\\u0628 \\u0627\\u0644\\u0644\\u063A\\u0629 \\u0627\\u0644\\u0639\\u0631\\u0628\\u064A\\u0629 auto (default) - arabic RTL'\n }\n <\/Text>\n- \n+ \n left left left left left left left left left left left left left left\n left\n <\/Text>\n setLoadChild(true)}>Click to load<\/Fallback1>\n- }\n- >\n+ }>\n {loadChild ? (\n setLoadChild(false)}>\n Loaded! Click to suspend again.\n@@ -118,19 +117,19 @@ function Never() {\n throw new Promise(resolve => {});\n }\n \n-function Fallback1({ prop, ...rest }: any) {\n+function Fallback1({prop, ...rest}: any) {\n return ;\n }\n \n-function Fallback2({ prop, ...rest }: any) {\n+function Fallback2({prop, ...rest}: any) {\n return ;\n }\n \n-function Primary1({ prop, ...rest }: any) {\n+function Primary1({prop, ...rest}: any) {\n return ;\n }\n \n-function Primary2({ prop, ...rest }: any) {\n+function Primary2({prop, ...rest}: any) {\n return ;\n }\n \ndiff --git a\/fixtures\/devtools\/shell\/app\/ToDoList\/List.js b\/fixtures\/devtools\/shell\/app\/ToDoList\/List.js\nindex f96df7748a..f8d54673e9 100644\n--- a\/fixtures\/devtools\/shell\/app\/ToDoList\/List.js\n+++ b\/fixtures\/devtools\/shell\/app\/ToDoList\/List.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import React, { Fragment, useCallback, useState } from 'react';\n+import React, {Fragment, useCallback, useState} from 'react';\n import ListItem from '.\/ListItem';\n import styles from '.\/List.css';\n \n@@ -15,26 +15,29 @@ type Props = {||};\n export default function List(props: Props) {\n const [newItemText, setNewItemText] = useState('');\n const [items, setItems] = useState>([\n- { id: 1, isComplete: true, text: 'First' },\n- { id: 2, isComplete: true, text: 'Second' },\n- { id: 3, isComplete: false, text: 'Third' },\n+ {id: 1, isComplete: true, text: 'First'},\n+ {id: 2, isComplete: true, text: 'Second'},\n+ {id: 3, isComplete: false, text: 'Third'},\n ]);\n const [uid, setUID] = useState(4);\n \n- const handleClick = useCallback(() => {\n- if (newItemText !== '') {\n- setItems([\n- ...items,\n- {\n- id: uid,\n- isComplete: false,\n- text: newItemText,\n- },\n- ]);\n- setUID(uid + 1);\n- setNewItemText('');\n- }\n- }, [newItemText, items, uid]);\n+ const handleClick = useCallback(\n+ () => {\n+ if (newItemText !== '') {\n+ setItems([\n+ ...items,\n+ {\n+ id: uid,\n+ isComplete: false,\n+ text: newItemText,\n+ },\n+ ]);\n+ setUID(uid + 1);\n+ setNewItemText('');\n+ }\n+ },\n+ [newItemText, items, uid]\n+ );\n \n const handleKeyPress = useCallback(\n event => {\n@@ -88,8 +91,7 @@ export default function List(props: Props) {\n \n+ onClick={handleClick}>\n \n ➕\n <\/span>\ndiff --git a\/fixtures\/devtools\/shell\/app\/ToDoList\/ListItem.js b\/fixtures\/devtools\/shell\/app\/ToDoList\/ListItem.js\nindex 2305e28ce6..89a1b6eded 100644\n--- a\/fixtures\/devtools\/shell\/app\/ToDoList\/ListItem.js\n+++ b\/fixtures\/devtools\/shell\/app\/ToDoList\/ListItem.js\n@@ -1,9 +1,9 @@\n \/\/ @flow\n \n-import React, { memo, useCallback } from 'react';\n+import React, {memo, useCallback} from 'react';\n import styles from '.\/ListItem.css';\n \n-import type { Item } from '.\/List';\n+import type {Item} from '.\/List';\n \n type Props = {|\n item: Item,\n@@ -11,14 +11,20 @@ type Props = {|\n toggleItem: (item: Item) => void,\n |};\n \n-function ListItem({ item, removeItem, toggleItem }: Props) {\n- const handleDelete = useCallback(() => {\n- removeItem(item);\n- }, [item, removeItem]);\n+function ListItem({item, removeItem, toggleItem}: Props) {\n+ const handleDelete = useCallback(\n+ () => {\n+ removeItem(item);\n+ },\n+ [item, removeItem]\n+ );\n \n- const handleToggle = useCallback(() => {\n- toggleItem(item);\n- }, [item, toggleItem]);\n+ const handleToggle = useCallback(\n+ () => {\n+ toggleItem(item);\n+ },\n+ [item, toggleItem]\n+ );\n \n return (\n
\ndiff --git a\/fixtures\/devtools\/shell\/app\/Toggle\/index.js b\/fixtures\/devtools\/shell\/app\/Toggle\/index.js\nindex 5e96cd447b..9740c797de 100644\n--- a\/fixtures\/devtools\/shell\/app\/Toggle\/index.js\n+++ b\/fixtures\/devtools\/shell\/app\/Toggle\/index.js\n@@ -1,4 +1,4 @@\n-import React, { useState } from 'react';\n+import React, {useState} from 'react';\n \n export default function Toggle() {\n const [show, setShow] = useState(false);\n@@ -16,6 +16,6 @@ export default function Toggle() {\n );\n }\n \n-function Greeting({ children }) {\n+function Greeting({children}) {\n return
{children}<\/p>;\n }\ndiff --git a\/fixtures\/devtools\/shell\/app\/index.js b\/fixtures\/devtools\/shell\/app\/index.js\nindex 4115c1c480..45cffcf1af 100644\n--- a\/fixtures\/devtools\/shell\/app\/index.js\n+++ b\/fixtures\/devtools\/shell\/app\/index.js\n@@ -2,7 +2,7 @@\n \n \/\/ This test harness mounts each test app as a separate root to test multi-root applications.\n \n-import { createElement } from 'react';\n+import {createElement} from 'react';\n import {\n \/\/ $FlowFixMe Flow does not yet know about createRoot()\n unstable_createRoot as createRoot,\n@@ -19,7 +19,7 @@ import ReactNativeWeb from '.\/ReactNativeWeb';\n import ToDoList from '.\/ToDoList';\n import Toggle from '.\/Toggle';\n import SuspenseTree from '.\/SuspenseTree';\n-import { ignoreErrors, ignoreWarnings } from '.\/console';\n+import {ignoreErrors, ignoreWarnings} from '.\/console';\n \n import '.\/styles.css';\n \ndiff --git a\/fixtures\/devtools\/shell\/src\/devtools.js b\/fixtures\/devtools\/shell\/src\/devtools.js\nindex 230ddc94d2..2b68c73344 100644\n--- a\/fixtures\/devtools\/shell\/src\/devtools.js\n+++ b\/fixtures\/devtools\/shell\/src\/devtools.js\n@@ -1,18 +1,18 @@\n \/** @flow \/\n \n-import { createElement } from 'react';\n+import {createElement} from 'react';\n \/\/ $FlowFixMe Flow does not yet know about createRoot()\n-import { unstable_createRoot as createRoot } from 'react-dom';\n+import {unstable_createRoot as createRoot} from 'react-dom';\n import {\n activate as activateBackend,\n initialize as initializeBackend,\n } from 'react-devtools-inline\/backend';\n-import { initialize as initializeFrontend } from 'react-devtools-inline\/frontend';\n-import { initDevTools } from 'src\/devtools';\n+import {initialize as initializeFrontend} from 'react-devtools-inline\/frontend';\n+import {initDevTools} from 'src\/devtools';\n \n const iframe = ((document.getElementById('target'): any): HTMLIFrameElement);\n \n-const { contentDocument, contentWindow } = iframe;\n+const {contentDocument, contentWindow} = iframe;\n \n \/\/ Helps with positioning Overlay UI.\n contentWindow.__REACT_DEVTOOLS_TARGET_WINDOW__ = window;\ndiff --git a\/fixtures\/devtools\/shell\/webpack.config.js b\/fixtures\/devtools\/shell\/webpack.config.js\nindex ce58e6418a..09d99b0d28 100644\n--- a\/fixtures\/devtools\/shell\/webpack.config.js\n+++ b\/fixtures\/devtools\/shell\/webpack.config.js\n@@ -1,6 +1,6 @@\n-const { resolve } = require('path');\n-const { DefinePlugin } = require('webpack');\n-const { getGitHubURL, getVersionString } = require('..\/utils');\n+const {resolve} = require('path');\n+const {DefinePlugin} = require('webpack');\n+const {getGitHubURL, getVersionString} = require('..\/utils');\n \n const NODE_ENV = process.env.NODE_ENV;\n if (!NODE_ENV) {\ndiff --git a\/packages\/react-devtools-core\/src\/backend.js b\/packages\/react-devtools-core\/src\/backend.js\nindex 3874e58a07..1c99eb954a 100644\n--- a\/packages\/react-devtools-core\/src\/backend.js\n+++ b\/packages\/react-devtools-core\/src\/backend.js\n@@ -2,16 +2,16 @@\n \n import Agent from 'react-devtools-shared\/src\/backend\/agent';\n import Bridge from 'react-devtools-shared\/src\/bridge';\n-import { installHook } from 'react-devtools-shared\/src\/hook';\n-import { initBackend } from 'react-devtools-shared\/src\/backend';\n-import { DEBUG } from 'react-devtools-shared\/src\/constants';\n+import {installHook} from 'react-devtools-shared\/src\/hook';\n+import {initBackend} from 'react-devtools-shared\/src\/backend';\n+import {DEBUG} from 'react-devtools-shared\/src\/constants';\n import setupNativeStyleEditor from 'react-devtools-shared\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor';\n-import { getDefaultComponentFilters } from 'react-devtools-shared\/src\/utils';\n+import {getDefaultComponentFilters} from 'react-devtools-shared\/src\/utils';\n \n-import type { BackendBridge } from 'react-devtools-shared\/src\/bridge';\n-import type { ComponentFilter } from 'react-devtools-shared\/src\/types';\n-import type { DevToolsHook } from 'react-devtools-shared\/src\/backend\/types';\n-import type { ResolveNativeStyle } from 'react-devtools-shared\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor';\n+import type {BackendBridge} from 'react-devtools-shared\/src\/bridge';\n+import type {ComponentFilter} from 'react-devtools-shared\/src\/types';\n+import type {DevToolsHook} from 'react-devtools-shared\/src\/backend\/types';\n+import type {ResolveNativeStyle} from 'react-devtools-shared\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor';\n \n type ConnectOptions = {\n host?: string,\n@@ -26,7 +26,9 @@ installHook(window);\n \n const hook: DevToolsHook = window.__REACT_DEVTOOLS_GLOBAL_HOOK;\n \n-let savedComponentFilters: Array = getDefaultComponentFilters();\n+let savedComponentFilters: Array<\n+ ComponentFilter,\n+> = getDefaultComponentFilters();\n \n function debug(methodName: string, ...args) {\n if (DEBUG) {\n@@ -34,7 +36,7 @@ function debug(methodName: string, ...args) {\n `%c[core\/backend] %c${methodName}`,\n 'color: teal; font-weight: bold;',\n 'font-weight: bold;',\n- ...args\n+ ...args,\n );\n }\n }\n@@ -47,7 +49,8 @@ export function connectToDevTools(options: ?ConnectOptions) {\n websocket,\n resolveRNStyle = null,\n isAppActive = () => true,\n- } = options || {};\n+ } =\n+ options || {};\n \n let retryTimeoutID: TimeoutID | null = null;\n \n@@ -94,12 +97,12 @@ export function connectToDevTools(options: ?ConnectOptions) {\n debug('wall.send()', event, payload);\n }\n \n- ws.send(JSON.stringify({ event, payload }));\n+ ws.send(JSON.stringify({event, payload}));\n } else {\n if (DEBUG__) {\n debug(\n 'wall.send()',\n- 'Shutting down bridge because of closed WebSocket connection'\n+ 'Shutting down bridge because of closed WebSocket connection',\n );\n }\n \n@@ -113,18 +116,18 @@ export function connectToDevTools(options: ?ConnectOptions) {\n });\n bridge.addListener(\n 'inspectElement',\n- ({ id, rendererID }: { id: number, rendererID: number }) => {\n+ ({id, rendererID}: {id: number, rendererID: number}) => {\n const renderer = agent.rendererInterfaces[rendererID];\n if (renderer != null) {\n \/\/ Send event for RN to highlight.\n const nodes: ?Array = renderer.findNativeNodesForFiberID(\n- id\n+ id,\n );\n if (nodes != null && nodes[0] != null) {\n agent.emit('showNativeHighlight', nodes[0]);\n }\n }\n- }\n+ },\n );\n bridge.addListener(\n 'updateComponentFilters',\n@@ -133,7 +136,7 @@ export function connectToDevTools(options: ?ConnectOptions) {\n \/\/ In that case, the renderer will already be using the updated values.\n \/\/ We'll lose these in between backend reloads but that can't be helped.\n savedComponentFilters = componentFilters;\n- }\n+ },\n );\n \n \/\/ The renderer interface doesn't read saved component filters directly,\n@@ -166,7 +169,7 @@ export function connectToDevTools(options: ?ConnectOptions) {\n ((resolveRNStyle || hook.resolveRNStyle: any): ResolveNativeStyle),\n nativeStyleEditorValidAttributes ||\n hook.nativeStyleEditorValidAttributes ||\n- null\n+ null,\n );\n } else {\n \/\/ Otherwise listen to detect if the environment later supports it.\n@@ -181,7 +184,7 @@ export function connectToDevTools(options: ?ConnectOptions) {\n bridge,\n agent,\n lazyResolveRNStyle,\n- lazyNativeStyleEditorValidAttributes\n+ lazyNativeStyleEditorValidAttributes,\n );\n }\n };\n@@ -198,7 +201,7 @@ export function connectToDevTools(options: ?ConnectOptions) {\n lazyResolveRNStyle = value;\n initAfterTick();\n },\n- }: Object)\n+ }: Object),\n );\n Object.defineProperty(\n hook,\n@@ -212,7 +215,7 @@ export function connectToDevTools(options: ?ConnectOptions) {\n lazyNativeStyleEditorValidAttributes = value;\n initAfterTick();\n },\n- }: Object)\n+ }: Object),\n );\n }\n };\n@@ -250,7 +253,7 @@ export function connectToDevTools(options: ?ConnectOptions) {\n }\n } catch (e) {\n console.error(\n- '[React DevTools] Failed to parse JSON: ' + String(event.data)\n+ '[React DevTools] Failed to parse JSON: ' + String(event.data),\n );\n return;\n }\ndiff --git a\/packages\/react-devtools-core\/src\/editor.js b\/packages\/react-devtools-core\/src\/editor.js\nindex 26043f07f6..55ce120b56 100644\n--- a\/packages\/react-devtools-core\/src\/editor.js\n+++ b\/packages\/react-devtools-core\/src\/editor.js\n@@ -1,9 +1,9 @@\n \/\/ @flow\n \n-import { existsSync } from 'fs';\n-import { basename, join, isAbsolute } from 'path';\n-import { execSync, spawn } from 'child_process';\n-import { parse } from 'shell-quote';\n+import {existsSync} from 'fs';\n+import {basename, join, isAbsolute} from 'path';\n+import {execSync, spawn} from 'child_process';\n+import {parse} from 'shell-quote';\n \n function isTerminalEditor(editor: string): boolean {\n switch (editor) {\n@@ -33,7 +33,7 @@ const COMMON_EDITORS = {\n function getArgumentsForLineNumber(\n editor: string,\n filePath: string,\n- lineNumber: number\n+ lineNumber: number,\n ): Array {\n switch (basename(editor)) {\n case 'vim':\n@@ -104,7 +104,7 @@ let childProcess = null;\n \n export function getValidFilePath(\n maybeRelativePath: string,\n- absoluteProjectRoots: Array\n+ absoluteProjectRoots: Array,\n ): string | null {\n \/\/ We use relative paths at Facebook with deterministic builds.\n \/\/ This is why our internal tooling calls React DevTools with absoluteProjectRoots.\n@@ -128,7 +128,7 @@ export function getValidFilePath(\n \n export function doesFilePathExist(\n maybeRelativePath: string,\n- absoluteProjectRoots: Array\n+ absoluteProjectRoots: Array,\n ): boolean {\n return getValidFilePath(maybeRelativePath, absoluteProjectRoots) !== null;\n }\n@@ -136,7 +136,7 @@ export function doesFilePathExist(\n export function launchEditor(\n maybeRelativePath: string,\n lineNumber: number,\n- absoluteProjectRoots: Array\n+ absoluteProjectRoots: Array,\n ) {\n const filePath = getValidFilePath(maybeRelativePath, absoluteProjectRoots);\n if (filePath === null) {\n@@ -174,7 +174,7 @@ export function launchEditor(\n stdio: 'inherit',\n });\n } else {\n- childProcess = spawn(editor, args, { stdio: 'inherit' });\n+ childProcess = spawn(editor, args, {stdio: 'inherit'});\n }\n childProcess.on('error', function() {});\n childProcess.on('exit', function(errorCode) {\ndiff --git a\/packages\/react-devtools-core\/src\/standalone.js b\/packages\/react-devtools-core\/src\/standalone.js\nindex 67d1dae775..8b8e33adcb 100644\n--- a\/packages\/react-devtools-core\/src\/standalone.js\n+++ b\/packages\/react-devtools-core\/src\/standalone.js\n@@ -1,6 +1,6 @@\n \/\/ @flow\n \n-import { createElement } from 'react';\n+import {createElement} from 'react';\n import {\n \/\/ $FlowFixMe Flow does not yet know about flushSync()\n flushSync,\n@@ -9,16 +9,19 @@ import {\n } from 'react-dom';\n import Bridge from 'react-devtools-shared\/src\/bridge';\n import Store from 'react-devtools-shared\/src\/devtools\/store';\n-import { getSavedComponentFilters, getAppendComponentStack } from 'react-devtools-shared\/src\/utils';\n-import { Server } from 'ws';\n-import { existsSync, readFileSync } from 'fs';\n-import { installHook } from 'react-devtools-shared\/src\/hook';\n+import {\n+ getSavedComponentFilters,\n+ getAppendComponentStack,\n+} from 'react-devtools-shared\/src\/utils';\n+import {Server} from 'ws';\n+import {existsSync, readFileSync} from 'fs';\n+import {installHook} from 'react-devtools-shared\/src\/hook';\n import DevTools from 'react-devtools-shared\/src\/devtools\/views\/DevTools';\n-import { doesFilePathExist, launchEditor } from '.\/editor';\n-import { DEBUG } from 'react-devtools-shared\/src\/constants';\n+import {doesFilePathExist, launchEditor} from '.\/editor';\n+import {DEBUG} from 'react-devtools-shared\/src\/constants';\n \n-import type { FrontendBridge } from 'react-devtools-shared\/src\/bridge';\n-import type { InspectedElement } from 'react-devtools-shared\/src\/devtools\/views\/Components\/types';\n+import type {FrontendBridge} from 'react-devtools-shared\/src\/bridge';\n+import type {InspectedElement} from 'react-devtools-shared\/src\/devtools\/views\/Components\/types';\n \n installHook(window);\n \n@@ -71,7 +74,7 @@ function debug(methodName: string, ...args) {\n `%c[core\/standalone] %c${methodName}`,\n 'color: teal; font-weight: bold;',\n 'font-weight: bold;',\n- ...args\n+ ...args,\n );\n }\n }\n@@ -101,13 +104,13 @@ function reload() {\n store: ((store: any): Store),\n warnIfLegacyBackendDetected: true,\n viewElementSourceFunction,\n- })\n+ }),\n );\n }, 100);\n }\n \n function canViewElementSourceFunction(\n- inspectedElement: InspectedElement\n+ inspectedElement: InspectedElement,\n ): boolean {\n if (\n inspectedElement.canViewSource === false ||\n@@ -116,16 +119,16 @@ function canViewElementSourceFunction(\n return false;\n }\n \n- const { source } = inspectedElement;\n+ const {source} = inspectedElement;\n \n return doesFilePathExist(source.fileName, projectRoots);\n }\n \n function viewElementSourceFunction(\n id: number,\n- inspectedElement: InspectedElement\n+ inspectedElement: InspectedElement,\n ): void {\n- const { source } = inspectedElement;\n+ const {source} = inspectedElement;\n if (source !== null) {\n launchEditor(source.fileName, source.lineNumber, projectRoots);\n } else {\n@@ -139,7 +142,7 @@ function onDisconnected() {\n node.innerHTML = nodeWaitingToConnectHTML;\n }\n \n-function onError({ code, message }) {\n+function onError({code, message}) {\n safeUnmount();\n \n if (code === 'EADDRINUSE') {\n@@ -189,7 +192,7 @@ function initialize(socket: WebSocket) {\n },\n send(event: string, payload: any, transferable?: Array) {\n if (socket.readyState === socket.OPEN) {\n- socket.send(JSON.stringify({ event, payload }));\n+ socket.send(JSON.stringify({event, payload}));\n }\n },\n });\n@@ -197,7 +200,7 @@ function initialize(socket: WebSocket) {\n socket.close();\n });\n \n- store = new Store(bridge, { supportsNativeInspection: false });\n+ store = new Store(bridge, {supportsNativeInspection: false});\n \n log('Connected');\n reload();\n@@ -225,14 +228,14 @@ function connectToSocket(socket: WebSocket) {\n \n function startServer(port?: number = 8097) {\n const httpServer = require('http').createServer();\n- const server = new Server({ server: httpServer });\n+ const server = new Server({server: httpServer});\n let connected: WebSocket | null = null;\n server.on('connection', (socket: WebSocket) => {\n if (connected !== null) {\n connected.close();\n log.warn(\n 'Only one connection allowed at a time.',\n- 'Closing the previous connection'\n+ 'Closing the previous connection',\n );\n }\n connected = socket;\n@@ -271,10 +274,10 @@ function startServer(port?: number = 8097) {\n \/\/ This will ensure that saved filters are shared across different web pages.\n const savedPreferencesString = `\n window.__REACT_DEVTOOLS_COMPONENT_FILTERS = ${JSON.stringify(\n- getSavedComponentFilters()\n+ getSavedComponentFilters(),\n )};\n window.REACT_DEVTOOLS_APPEND_COMPONENT_STACK__ = ${JSON.stringify(\n- getAppendComponentStack()\n+ getAppendComponentStack(),\n )};`;\n \n response.end(\n@@ -282,7 +285,7 @@ function startServer(port?: number = 8097) {\n '\\n;' +\n backendFile.toString() +\n '\\n;' +\n- 'ReactDevToolsBackend.connectToDevTools();'\n+ 'ReactDevToolsBackend.connectToDevTools();',\n );\n });\n \ndiff --git a\/packages\/react-devtools-core\/webpack.backend.js b\/packages\/react-devtools-core\/webpack.backend.js\nindex 14ef8a2cb0..fd230f0aa8 100644\n--- a\/packages\/react-devtools-core\/webpack.backend.js\n+++ b\/packages\/react-devtools-core\/webpack.backend.js\n@@ -1,6 +1,6 @@\n-const { resolve } = require('path');\n-const { DefinePlugin } = require('webpack');\n-const { getGitHubURL, getVersionString } = require('..\/..\/shells\/utils');\n+const {resolve} = require('path');\n+const {DefinePlugin} = require('webpack');\n+const {getGitHubURL, getVersionString} = require('..\/..\/shells\/utils');\n \n const NODE_ENV = process.env.NODE_ENV;\n if (!NODE_ENV) {\ndiff --git a\/packages\/react-devtools-core\/webpack.standalone.js b\/packages\/react-devtools-core\/webpack.standalone.js\nindex 034d281a57..f7e6cf7172 100644\n--- a\/packages\/react-devtools-core\/webpack.standalone.js\n+++ b\/packages\/react-devtools-core\/webpack.standalone.js\n@@ -1,6 +1,6 @@\n-const { resolve } = require('path');\n-const { DefinePlugin } = require('webpack');\n-const { getGitHubURL, getVersionString } = require('..\/..\/shells\/utils');\n+const {resolve} = require('path');\n+const {DefinePlugin} = require('webpack');\n+const {getGitHubURL, getVersionString} = require('..\/..\/shells\/utils');\n \n const NODE_ENV = process.env.NODE_ENV;\n if (!NODE_ENV) {\ndiff --git a\/packages\/react-devtools-extensions\/babel.config.js b\/packages\/react-devtools-extensions\/babel.config.js\nindex 6dd41082de..b5a9ef62aa 100644\n--- a\/packages\/react-devtools-extensions\/babel.config.js\n+++ b\/packages\/react-devtools-extensions\/babel.config.js\n@@ -4,7 +4,7 @@ const firefoxManifest = require('.\/shells\/browser\/firefox\/manifest.json');\n const minChromeVersion = parseInt(chromeManifest.minimum_chrome_version, 10);\n const minFirefoxVersion = parseInt(\n firefoxManifest.applications.gecko.strict_min_version,\n- 10\n+ 10,\n );\n validateVersion(minChromeVersion);\n validateVersion(minFirefoxVersion);\n@@ -30,7 +30,7 @@ module.exports = api => {\n }\n const plugins = [\n ['@babel\/plugin-transform-flow-strip-types'],\n- ['@babel\/plugin-proposal-class-properties', { loose: false }],\n+ ['@babel\/plugin-proposal-class-properties', {loose: false}],\n ];\n if (process.env.NODE_ENV !== 'production') {\n plugins.push(['@babel\/plugin-transform-react-jsx-source']);\n@@ -38,7 +38,7 @@ module.exports = api => {\n return {\n plugins,\n presets: [\n- ['@babel\/preset-env', { targets }],\n+ ['@babel\/preset-env', {targets}],\n '@babel\/preset-react',\n '@babel\/preset-flow',\n ],\ndiff --git a\/packages\/react-devtools-extensions\/chrome\/build.js b\/packages\/react-devtools-extensions\/chrome\/build.js\nindex 8bcb863f11..76e97a9d06 100644\n--- a\/packages\/react-devtools-extensions\/chrome\/build.js\n+++ b\/packages\/react-devtools-extensions\/chrome\/build.js\n@@ -1,14 +1,14 @@\n #!\/usr\/bin\/env node\n \n const chalk = require('chalk');\n-const { execSync } = require('child_process');\n-const { existsSync } = require('fs');\n-const { isAbsolute, join, relative } = require('path');\n-const { argv } = require('yargs');\n+const {execSync} = require('child_process');\n+const {existsSync} = require('fs');\n+const {isAbsolute, join, relative} = require('path');\n+const {argv} = require('yargs');\n const build = require('..\/shared\/build');\n \n const main = async () => {\n- const { crx, keyPath } = argv;\n+ const {crx, keyPath} = argv;\n \n if (crx) {\n if (!keyPath || !existsSync(keyPath)) {\ndiff --git a\/packages\/react-devtools-extensions\/chrome\/test.js b\/packages\/react-devtools-extensions\/chrome\/test.js\nindex c010a3c319..ac7ac32396 100644\n--- a\/packages\/react-devtools-extensions\/chrome\/test.js\n+++ b\/packages\/react-devtools-extensions\/chrome\/test.js\n@@ -1,7 +1,7 @@\n #!\/usr\/bin\/env node\n \n const chromeLaunch = require('chrome-launch'); \/\/ eslint-disable-line import\/no-extraneous-dependencies\n-const { resolve } = require('path');\n+const {resolve} = require('path');\n \n const EXTENSION_PATH = resolve('shells\/browser\/chrome\/build\/unpacked');\n const START_URL = 'https:\/\/facebook.github.io\/react\/';\ndiff --git a\/packages\/react-devtools-extensions\/firefox\/build.js b\/packages\/react-devtools-extensions\/firefox\/build.js\nindex 5f7e7c5df9..a35e2b1684 100644\n--- a\/packages\/react-devtools-extensions\/firefox\/build.js\n+++ b\/packages\/react-devtools-extensions\/firefox\/build.js\n@@ -32,4 +32,4 @@ const main = async () => {\n \n main();\n \n-module.exports = { main };\n+module.exports = {main};\ndiff --git a\/packages\/react-devtools-extensions\/firefox\/test.js b\/packages\/react-devtools-extensions\/firefox\/test.js\nindex 7dd8d1e65b..65c16fd55a 100644\n--- a\/packages\/react-devtools-extensions\/firefox\/test.js\n+++ b\/packages\/react-devtools-extensions\/firefox\/test.js\n@@ -1,8 +1,8 @@\n #!\/usr\/bin\/env node\n \n-const { exec } = require('child-process-promise');\n-const { Finder } = require('firefox-profile');\n-const { resolve } = require('path');\n+const {exec} = require('child-process-promise');\n+const {Finder} = require('firefox-profile');\n+const {resolve} = require('path');\n \n const EXTENSION_PATH = resolve('shells\/browser\/firefox\/build\/unpacked');\n const START_URL = 'https:\/\/facebook.github.io\/react\/';\ndiff --git a\/packages\/react-devtools-extensions\/flow-typed\/chrome.js b\/packages\/react-devtools-extensions\/flow-typed\/chrome.js\nindex fac8109124..4426e1343a 100644\n--- a\/packages\/react-devtools-extensions\/flow-typed\/chrome.js\n+++ b\/packages\/react-devtools-extensions\/flow-typed\/chrome.js\n@@ -42,7 +42,7 @@ declare var chrome: {\n browserAction: {\n setIcon: (options: {\n tabId: number,\n- path: { [key: string]: string },\n+ path: {[key: string]: string},\n }) => void,\n setPopup: (options: {\n tabId: number,\ndiff --git a\/packages\/react-devtools-extensions\/flow-typed\/jest.js b\/packages\/react-devtools-extensions\/flow-typed\/jest.js\nindex 8563e20d93..07c7edbe82 100644\n--- a\/packages\/react-devtools-extensions\/flow-typed\/jest.js\n+++ b\/packages\/react-devtools-extensions\/flow-typed\/jest.js\n@@ -19,7 +19,7 @@ type JestMockFn, TReturn> = {\n An array that contains all the object results that have been\n * returned by this mock function call\n *\/\n- results: Array<{ isThrow: boolean, value: TReturn }>,\n+ results: Array<{isThrow: boolean, value: TReturn}>,\n },\n \/**\n * Resets all information stored in the mockFn.mock.calls and\n@@ -204,7 +204,7 @@ type EnzymeMatchersType = {\n toIncludeText(text: string): void,\n toMatchElement(\n element: React$Element,\n- options?: {| ignoreProps?: boolean, verbose?: boolean |}\n+ options?: {|ignoreProps?: boolean, verbose?: boolean|}\n ): void,\n toMatchSelector(selector: string): void,\n \/\/ 7.x\n@@ -222,11 +222,11 @@ type DomTestingLibraryType = {\n toHaveAttribute(name: string, expectedValue?: string): void,\n toHaveClass(...classNames: string[]): void,\n toHaveFocus(): void,\n- toHaveFormValues(expectedValues: { [name: string]: any }): void,\n+ toHaveFormValues(expectedValues: {[name: string]: any}): void,\n toHaveStyle(css: string): void,\n toHaveTextContent(\n content: string | RegExp,\n- options?: { normalizeWhitespace: boolean }\n+ options?: {normalizeWhitespace: boolean}\n ): void,\n toBeInTheDOM(): void,\n };\n@@ -243,7 +243,7 @@ type JestJQueryMatchersType = {\n toHaveText(text: string | RegExp): void,\n toHaveData(key: string, val?: any): void,\n toHaveValue(val: any): void,\n- toHaveCss(css: { [key: string]: any }): void,\n+ toHaveCss(css: {[key: string]: any}): void,\n toBeChecked(): void,\n toBeDisabled(): void,\n toBeEmpty(): void,\n@@ -1079,11 +1079,11 @@ declare var xit: typeof it;\n declare var xtest: typeof it;\n \n type JestPrettyFormatColors = {\n- comment: { close: string, open: string },\n- content: { close: string, open: string },\n- prop: { close: string, open: string },\n- tag: { close: string, open: string },\n- value: { close: string, open: string },\n+ comment: {close: string, open: string},\n+ content: {close: string, open: string},\n+ prop: {close: string, open: string},\n+ tag: {close: string, open: string},\n+ value: {close: string, open: string},\n };\n \n type JestPrettyFormatIndent = string => string;\n@@ -1141,7 +1141,7 @@ declare var expect: {\n JestExtendedMatchersType,\n \n \/** Add additional Jasmine matchers to Jest's roster *\/\n- extend(matchers: { [name: string]: JestMatcher }): void,\n+ extend(matchers: {[name: string]: JestMatcher}): void,\n \/** Add a module that formats application-specific data structures. \/\n addSnapshotSerializer(pluginModule: JestPrettyFormatPlugin): void,\n assertions(expectedAssertions: number): void,\n@@ -1182,7 +1182,7 @@ declare var jasmine: {\n createSpyObj(\n baseName: string,\n methodNames: Array\n- ): { [methodName: string]: JestSpyType },\n+ ): {[methodName: string]: JestSpyType},\n objectContaining(value: Object): Object,\n stringMatching(value: string): string,\n };\ndiff --git a\/packages\/react-devtools-extensions\/flow-typed\/npm\/react-test-renderer_v16.x.x.js b\/packages\/react-devtools-extensions\/flow-typed\/npm\/react-test-renderer_v16.x.x.js\nindex 67eb20ab75..39fbaf9fdb 100644\n--- a\/packages\/react-devtools-extensions\/flow-typed\/npm\/react-test-renderer_v16.x.x.js\n+++ b\/packages\/react-devtools-extensions\/flow-typed\/npm\/react-test-renderer_v16.x.x.js\n@@ -8,7 +8,7 @@ type ReactComponentInstance = React$Component;\n \n type ReactTestRendererJSON = {\n type: string,\n- props: { [propName: string]: any },\n+ props: {[propName: string]: any},\n children: null | ReactTestRendererJSON[],\n };\n \n@@ -21,25 +21,25 @@ type ReactTestRendererTree = ReactTestRendererJSON & {\n type ReactTestInstance = {\n instance: ?ReactComponentInstance,\n type: string,\n- props: { [propName: string]: any },\n+ props: {[propName: string]: any},\n parent: null | ReactTestInstance,\n children: Array,\n \n find(predicate: (node: ReactTestInstance) => boolean): ReactTestInstance,\n findByType(type: React$ElementType): ReactTestInstance,\n- findByProps(props: { [propName: string]: any }): ReactTestInstance,\n+ findByProps(props: {[propName: string]: any}): ReactTestInstance,\n \n findAll(\n predicate: (node: ReactTestInstance) => boolean,\n- options?: { deep: boolean }\n+ options?: {deep: boolean}\n ): ReactTestInstance[],\n findAllByType(\n type: React$ElementType,\n- options?: { deep: boolean }\n+ options?: {deep: boolean}\n ): ReactTestInstance[],\n findAllByProps(\n- props: { [propName: string]: any },\n- options?: { deep: boolean }\n+ props: {[propName: string]: any},\n+ options?: {deep: boolean}\n ): ReactTestInstance[],\n };\n \ndiff --git a\/packages\/react-devtools-extensions\/flow.js b\/packages\/react-devtools-extensions\/flow.js\nindex 9ffd206563..8cd9e1b5f3 100644\n--- a\/packages\/react-devtools-extensions\/flow.js\n+++ b\/packages\/react-devtools-extensions\/flow.js\n@@ -4,7 +4,7 @@ declare module 'node-events' {\n declare class EventEmitter {\n addListener>(\n event: Event,\n- listener: (...$ElementType) => any\n+ listener: (...$ElementType) => any,\n ): void;\n emit: >(\n event: Event,\ndiff --git a\/packages\/react-devtools-extensions\/shared\/build.js b\/packages\/react-devtools-extensions\/shared\/build.js\nindex 6d2ec5371f..45773650ef 100644\n--- a\/packages\/react-devtools-extensions\/shared\/build.js\n+++ b\/packages\/react-devtools-extensions\/shared\/build.js\n@@ -1,11 +1,11 @@\n #!\/usr\/bin\/env node\n \n const archiver = require('archiver');\n-const { execSync } = require('child_process');\n-const { readFileSync, writeFileSync, createWriteStream } = require('fs');\n-const { copy, ensureDir, move, remove } = require('fs-extra');\n-const { join } = require('path');\n-const { getGitCommit } = require('..\/..\/utils');\n+const {execSync} = require('child_process');\n+const {readFileSync, writeFileSync, createWriteStream} = require('fs');\n+const {copy, ensureDir, move, remove} = require('fs-extra');\n+const {join} = require('path');\n+const {getGitCommit} = require('..\/..\/utils');\n \n \/\/ These files are copied along with Webpack-bundled files\n \/\/ to produce the final web extension\n@@ -72,7 +72,7 @@ const build = async (tempPath, manifestPath) => {\n writeFileSync(copiedManifestPath, JSON.stringify(manifest, null, 2));\n \n \/\/ Pack the extension\n- const archive = archiver('zip', { zlib: { level: 9 } });\n+ const archive = archiver('zip', {zlib: {level: 9}});\n const zipStream = createWriteStream(join(tempPath, 'ReactDevTools.zip'));\n await new Promise((resolve, reject) => {\n archive\ndiff --git a\/packages\/react-devtools-extensions\/shared\/deploy.js b\/packages\/react-devtools-extensions\/shared\/deploy.js\nindex 6cc33e1cbf..9564e77c9f 100644\n--- a\/packages\/react-devtools-extensions\/shared\/deploy.js\n+++ b\/packages\/react-devtools-extensions\/shared\/deploy.js\n@@ -1,8 +1,8 @@\n #!\/usr\/bin\/env node\n \n-const { exec, execSync } = require('child_process');\n-const { readFileSync, writeFileSync } = require('fs');\n-const { join } = require('path');\n+const {exec, execSync} = require('child_process');\n+const {readFileSync, writeFileSync} = require('fs');\n+const {join} = require('path');\n \n const main = async buildId => {\n const root = join(__dirname, '..', buildId);\ndiff --git a\/packages\/react-devtools-extensions\/shared\/popups\/shared.js b\/packages\/react-devtools-extensions\/shared\/popups\/shared.js\nindex 130f1f457e..0647e1c301 100644\n--- a\/packages\/react-devtools-extensions\/shared\/popups\/shared.js\n+++ b\/packages\/react-devtools-extensions\/shared\/popups\/shared.js\n@@ -8,7 +8,7 @@ document.addEventListener('DOMContentLoaded', function() {\n const ln = links[i];\n const location = ln.href;\n ln.onclick = function() {\n- chrome.tabs.create({ active: true, url: location });\n+ chrome.tabs.create({active: true, url: location});\n };\n })();\n }\ndiff --git a\/packages\/react-devtools-extensions\/shared\/src\/backend.js b\/packages\/react-devtools-extensions\/shared\/src\/backend.js\nindex a8260bb8e9..85277ec8f0 100644\n--- a\/packages\/react-devtools-extensions\/shared\/src\/backend.js\n+++ b\/packages\/react-devtools-extensions\/shared\/src\/backend.js\n@@ -22,7 +22,7 @@ window.addEventListener('message', welcome);\n function setup(hook) {\n const Agent = require('react-devtools-shared\/src\/backend\/agent').default;\n const Bridge = require('react-devtools-shared\/src\/bridge').default;\n- const { initBackend } = require('react-devtools-shared\/src\/backend');\n+ const {initBackend} = require('react-devtools-shared\/src\/backend');\n const setupNativeStyleEditor = require('react-devtools-shared\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor')\n .default;\n \n@@ -48,7 +48,7 @@ function setup(hook) {\n window.postMessage(\n {\n source: 'react-devtools-bridge',\n- payload: { event, payload },\n+ payload: {event, payload},\n },\n '',\n transferable\ndiff --git a\/packages\/react-devtools-extensions\/shared\/src\/background.js b\/packages\/react-devtools-extensions\/shared\/src\/background.js\nindex e22071b3aa..500e18fa57 100644\n--- a\/packages\/react-devtools-extensions\/shared\/src\/background.js\n+++ b\/packages\/react-devtools-extensions\/shared\/src\/background.js\n@@ -36,7 +36,7 @@ function isNumeric(str: string): boolean {\n function installContentScript(tabId: number) {\n chrome.tabs.executeScript(\n tabId,\n- { file: '\/build\/contentScript.js' },\n+ {file: '\/build\/contentScript.js'},\n function() {}\n );\n }\ndiff --git a\/packages\/react-devtools-extensions\/shared\/src\/injectGlobalHook.js b\/packages\/react-devtools-extensions\/shared\/src\/injectGlobalHook.js\nindex 0b75fb77c0..9efb34ef2c 100644\n--- a\/packages\/react-devtools-extensions\/shared\/src\/injectGlobalHook.js\n+++ b\/packages\/react-devtools-extensions\/shared\/src\/injectGlobalHook.js\n@@ -1,9 +1,9 @@\n \/* global chrome \/\n \n import nullthrows from 'nullthrows';\n-import { installHook } from 'react-devtools-shared\/src\/hook';\n-import { SESSION_STORAGE_RELOAD_AND_PROFILE_KEY } from 'react-devtools-shared\/src\/constants';\n-import { sessionStorageGetItem } from 'react-devtools-shared\/src\/storage';\n+import {installHook} from 'react-devtools-shared\/src\/hook';\n+import {SESSION_STORAGE_RELOAD_AND_PROFILE_KEY} from 'react-devtools-shared\/src\/constants';\n+import {sessionStorageGetItem} from 'react-devtools-shared\/src\/storage';\n \n function injectCode(code) {\n const script = document.createElement('script');\ndiff --git a\/packages\/react-devtools-extensions\/shared\/src\/main.js b\/packages\/react-devtools-extensions\/shared\/src\/main.js\nindex 027be3ce6b..ae1182c6a6 100644\n--- a\/packages\/react-devtools-extensions\/shared\/src\/main.js\n+++ b\/packages\/react-devtools-extensions\/shared\/src\/main.js\n@@ -1,7 +1,7 @@\n \/ global chrome \/\n \n-import { createElement } from 'react';\n-import { unstable_createRoot as createRoot, flushSync } from 'react-dom';\n+import {createElement} from 'react';\n+import {unstable_createRoot as createRoot, flushSync} from 'react-dom';\n import Bridge from 'react-devtools-shared\/src\/bridge';\n import Store from 'react-devtools-shared\/src\/devtools\/store';\n import inject from '.\/inject';\n@@ -10,7 +10,10 @@ import {\n getBrowserName,\n getBrowserTheme,\n } from '.\/utils';\n-import { getSavedComponentFilters, getAppendComponentStack } from 'react-devtools-shared\/src\/utils';\n+import {\n+ getSavedComponentFilters,\n+ getAppendComponentStack,\n+} from 'react-devtools-shared\/src\/utils';\n import {\n localStorageGetItem,\n localStorageRemoveItem,\n@@ -93,7 +96,7 @@ function createPanelIfReactLoaded() {\n };\n },\n send(event: string, payload: any, transferable?: Array) {\n- port.postMessage({ event, payload }, transferable);\n+ port.postMessage({event, payload}, transferable);\n },\n });\n bridge.addListener('reloadAppForProfiling', () => {\ndiff --git a\/packages\/react-devtools-extensions\/shared\/src\/renderer.js b\/packages\/react-devtools-extensions\/shared\/src\/renderer.js\nindex e9165c40e6..8b099b437f 100644\n--- a\/packages\/react-devtools-extensions\/shared\/src\/renderer.js\n+++ b\/packages\/react-devtools-extensions\/shared\/src\/renderer.js\n@@ -8,7 +8,7 @@\n @flow\n \/\n \n-import { attach } from 'react-devtools-shared\/src\/backend\/renderer';\n+import {attach} from 'react-devtools-shared\/src\/backend\/renderer';\n \n Object.defineProperty(\n window,\ndiff --git a\/packages\/react-devtools-extensions\/shared\/src\/utils.js b\/packages\/react-devtools-extensions\/shared\/src\/utils.js\nindex c419244596..c8d4003115 100644\n--- a\/packages\/react-devtools-extensions\/shared\/src\/utils.js\n+++ b\/packages\/react-devtools-extensions\/shared\/src\/utils.js\n@@ -8,7 +8,7 @@ export function createViewElementSource(bridge: Bridge, store: Store) {\n if (rendererID != null) {\n \/\/ Ask the renderer interface to determine the component function,\n \/\/ and store it as a global variable on the window\n- bridge.send('viewElementSource', { id, rendererID });\n+ bridge.send('viewElementSource', {id, rendererID});\n \n setTimeout(() => {\n \/\/ Ask Chrome to display the location of the component function,\ndiff --git a\/packages\/react-devtools-extensions\/shared\/webpack.backend.js b\/packages\/react-devtools-extensions\/shared\/webpack.backend.js\nindex 31bd9a3449..ccca69b347 100644\n--- a\/packages\/react-devtools-extensions\/shared\/webpack.backend.js\n+++ b\/packages\/react-devtools-extensions\/shared\/webpack.backend.js\n@@ -1,6 +1,6 @@\n-const { resolve } = require('path');\n-const { DefinePlugin } = require('webpack');\n-const { getGitHubURL, getVersionString } = require('..\/utils');\n+const {resolve} = require('path');\n+const {DefinePlugin} = require('webpack');\n+const {getGitHubURL, getVersionString} = require('..\/utils');\n \n const NODE_ENV = process.env.NODE_ENV;\n if (!NODE_ENV) {\ndiff --git a\/packages\/react-devtools-extensions\/shared\/webpack.config.js b\/packages\/react-devtools-extensions\/shared\/webpack.config.js\nindex 06cd0eceed..c2b56e66af 100644\n--- a\/packages\/react-devtools-extensions\/shared\/webpack.config.js\n+++ b\/packages\/react-devtools-extensions\/shared\/webpack.config.js\n@@ -1,6 +1,6 @@\n-const { resolve } = require('path');\n-const { DefinePlugin } = require('webpack');\n-const { getGitHubURL, getVersionString } = require('..\/utils');\n+const {resolve} = require('path');\n+const {DefinePlugin} = require('webpack');\n+const {getGitHubURL, getVersionString} = require('..\/utils');\n \n const NODE_ENV = process.env.NODE_ENV;\n if (!NODE_ENV) {\ndiff --git a\/packages\/react-devtools-extensions\/utils.js b\/packages\/react-devtools-extensions\/utils.js\nindex 515f5c242b..8bc91f1524 100644\n--- a\/packages\/react-devtools-extensions\/utils.js\n+++ b\/packages\/react-devtools-extensions\/utils.js\n@@ -1,6 +1,6 @@\n-const { execSync } = require('child_process');\n-const { readFileSync } = require('fs');\n-const { resolve } = require('path');\n+const {execSync} = require('child_process');\n+const {readFileSync} = require('fs');\n+const {resolve} = require('path');\n \n function getGitCommit() {\n return execSync('git show -s --format=%h')\n@@ -26,7 +26,7 @@ function getGitHubURL() {\n \n function getVersionString() {\n const packageVersion = JSON.parse(\n- readFileSync(resolve(dirname, '..\/package.json'))\n+ readFileSync(resolve(dirname, '..\/package.json')),\n ).version;\n \n const commit = getGitCommit();\n@@ -34,4 +34,4 @@ function getVersionString() {\n return `${packageVersion}-${commit}`;\n }\n \n-module.exports = { getGitCommit, getGitHubURL, getVersionString };\n+module.exports = {getGitCommit, getGitHubURL, getVersionString};\ndiff --git a\/packages\/react-devtools-inline\/src\/backend.js b\/packages\/react-devtools-inline\/src\/backend.js\nindex 7ff6d02f2b..55a6aea49a 100644\n--- a\/packages\/react-devtools-inline\/src\/backend.js\n+++ b\/packages\/react-devtools-inline\/src\/backend.js\n@@ -2,8 +2,8 @@\n \n import Agent from 'react-devtools-shared\/src\/backend\/agent';\n import Bridge from 'react-devtools-shared\/src\/bridge';\n-import { initBackend } from 'react-devtools-shared\/src\/backend';\n-import { installHook } from 'react-devtools-shared\/src\/hook';\n+import {initBackend} from 'react-devtools-shared\/src\/backend';\n+import {installHook} from 'react-devtools-shared\/src\/hook';\n import setupNativeStyleEditor from 'react-devtools-shared\/src\/backend\/NativeStyleEditor\/setupNativeStyleEditor';\n import {\n MESSAGE_TYPE_GET_SAVED_PREFERENCES,\n@@ -11,16 +11,16 @@ import {\n } from '.\/constants';\n \n function startActivation(contentWindow: window) {\n- const { parent } = contentWindow;\n+ const {parent} = contentWindow;\n \n- const onMessage = ({ data }) => {\n+ const onMessage = ({data}) => {\n switch (data.type) {\n case MESSAGE_TYPE_SAVED_PREFERENCES:\n \/\/ This is the only message we're listening for,\n \/\/ so it's safe to cleanup after we've received it.\n contentWindow.removeEventListener('message', onMessage);\n \n- const { appendComponentStack, componentFilters } = data;\n+ const {appendComponentStack, componentFilters} = data;\n \n contentWindow.__REACT_DEVTOOLS_APPEND_COMPONENT_STACK = appendComponentStack;\n contentWindow.REACT_DEVTOOLS_COMPONENT_FILTERS__ = componentFilters;\n@@ -49,11 +49,11 @@ function startActivation(contentWindow: window) {\n \/\/ because they are stored in localStorage within the context of the extension (on the frontend).\n \/\/ Instead it relies on the extension to pass preferences through.\n \/\/ Because we might be in a sandboxed iframe, we have to ask for them by way of postMessage().\n- parent.postMessage({ type: MESSAGE_TYPE_GET_SAVED_PREFERENCES }, '');\n+ parent.postMessage({type: MESSAGE_TYPE_GET_SAVED_PREFERENCES}, '');\n }\n \n function finishActivation(contentWindow: window) {\n- const { parent } = contentWindow;\n+ const {parent} = contentWindow;\n \n const bridge = new Bridge({\n listen(fn) {\n@@ -66,7 +66,7 @@ function finishActivation(contentWindow: window) {\n };\n },\n send(event: string, payload: any, transferable?: Array) {\n- parent.postMessage({ event, payload }, '', transferable);\n+ parent.postMessage({event, payload}, '*', transferable);\n },\n });\n \n@@ -82,7 +82,7 @@ function finishActivation(contentWindow: window) {\n bridge,\n agent,\n hook.resolveRNStyle,\n- hook.nativeStyleEditorValidAttributes\n+ hook.nativeStyleEditorValidAttributes,\n );\n }\n }\ndiff --git a\/packages\/react-devtools-inline\/src\/frontend.js b\/packages\/react-devtools-inline\/src\/frontend.js\nindex a1f8da206d..083848c63c 100644\n--- a\/packages\/react-devtools-inline\/src\/frontend.js\n+++ b\/packages\/react-devtools-inline\/src\/frontend.js\n@@ -1,22 +1,25 @@\n \/** @flow \/\n \n-import React, { forwardRef } from 'react';\n+import React, {forwardRef} from 'react';\n import Bridge from 'react-devtools-shared\/src\/bridge';\n import Store from 'react-devtools-shared\/src\/devtools\/store';\n import DevTools from 'react-devtools-shared\/src\/devtools\/views\/DevTools';\n-import { getSavedComponentFilters, getAppendComponentStack } from 'react-devtools-shared\/src\/utils';\n+import {\n+ getSavedComponentFilters,\n+ getAppendComponentStack,\n+} from 'react-devtools-shared\/src\/utils';\n import {\n MESSAGE_TYPE_GET_SAVED_PREFERENCES,\n MESSAGE_TYPE_SAVED_PREFERENCES,\n } from '.\/constants';\n \n-import type { FrontendBridge } from 'react-devtools-shared\/src\/bridge';\n-import type { Props } from 'react-devtools-shared\/src\/devtools\/views\/DevTools';\n+import type {FrontendBridge} from 'react-devtools-shared\/src\/bridge';\n+import type {Props} from 'react-devtools-shared\/src\/devtools\/views\/DevTools';\n \n export function initialize(\n- contentWindow: window\n+ contentWindow: window,\n ): React.AbstractComponent {\n- const onMessage = ({ data, source }) => {\n+ const onMessage = ({data, source}) => {\n if (source === 'react-devtools-content-script') {\n \/\/ Ignore messages from the DevTools browser extension.\n }\n@@ -36,7 +39,7 @@ export function initialize(\n appendComponentStack: getAppendComponentStack(),\n componentFilters: getSavedComponentFilters(),\n },\n- ''\n+ '',\n );\n break;\n default:\n@@ -48,7 +51,7 @@ export function initialize(\n \n const bridge: FrontendBridge = new Bridge({\n listen(fn) {\n- const onMessage = ({ data }) => {\n+ const onMessage = ({data}) => {\n fn(data);\n };\n window.addEventListener('message', onMessage);\n@@ -57,7 +60,7 @@ export function initialize(\n };\n },\n send(event: string, payload: any, transferable?: Array) {\n- contentWindow.postMessage({ event, payload }, '', transferable);\n+ contentWindow.postMessage({event, payload}, '*', transferable);\n },\n });\n \ndiff --git a\/packages\/react-devtools-inline\/webpack.config.js b\/packages\/react-devtools-inline\/webpack.config.js\nindex 254d4e4129..dbfe570a43 100644\n--- a\/packages\/react-devtools-inline\/webpack.config.js\n+++ b\/packages\/react-devtools-inline\/webpack.config.js\n@@ -1,6 +1,6 @@\n-const { resolve } = require('path');\n-const { DefinePlugin } = require('webpack');\n-const { getGitHubURL, getVersionString } = require('..\/..\/shells\/utils');\n+const {resolve} = require('path');\n+const {DefinePlugin} = require('webpack');\n+const {getGitHubURL, getVersionString} = require('..\/..\/shells\/utils');\n \n const NODE_ENV = process.env.NODE_ENV;\n if (!NODE_ENV) {\ndiff --git a\/packages\/react-devtools-shared\/src\/tests\/bridge-test.js b\/packages\/react-devtools-shared\/src\/tests\/bridge-test.js\nindex 3bf6055c4b..ddd9e044e9 100644\n--- a\/packages\/react-devtools-shared\/src\/tests\/bridge-test.js\n+++ b\/packages\/react-devtools-shared\/src\/tests\/bridge-test.js\n@@ -36,7 +36,7 @@ describe('Bridge', () => {\n jest.runAllTimers();\n expect(wall.send).not.toHaveBeenCalled();\n expect(console.warn).toHaveBeenCalledWith(\n- 'Cannot send message \"should not send\" through a Bridge that has been shutdown.'\n+ 'Cannot send message \"should not send\" through a Bridge that has been shutdown.',\n );\n });\n });\ndiff --git a\/packages\/react-devtools-shared\/src\/tests\/console-test.js b\/packages\/react-devtools-shared\/src\/tests\/console-test.js\nindex a633e6f817..dc6dde9f48 100644\n--- a\/packages\/react-devtools-shared\/src\/tests\/console-test.js\n+++ b\/packages\/react-devtools-shared\/src\/tests\/console-test.js\n@@ -61,7 +61,7 @@ describe('console', () => {\n });\n \n it('should only patch the console once', () => {\n- const { error, warn } = fakeConsole;\n+ const {error, warn} = fakeConsole;\n \n patchConsole();\n \n@@ -109,7 +109,7 @@ describe('console', () => {\n expect(mockWarn).toHaveBeenCalledTimes(1);\n expect(mockWarn.mock.calls[0]).toHaveLength(1);\n expect(mockWarn.mock.calls[0][0]).toBe(\n- 'warn\\n in Child (at fake.js:123)'\n+ 'warn\\n in Child (at fake.js:123)',\n );\n expect(mockError).toHaveBeenCalledTimes(1);\n expect(mockError.mock.calls[0]).toHaveLength(2);\n@@ -118,7 +118,7 @@ describe('console', () => {\n });\n \n it('should append component stacks to errors and warnings logged during render', () => {\n- const Intermediate = ({ children }) => children;\n+ const Intermediate = ({children}) => children;\n const Parent = () => (\n \n \n@@ -140,18 +140,18 @@ describe('console', () => {\n expect(mockWarn.mock.calls[0]).toHaveLength(2);\n expect(mockWarn.mock.calls[0][0]).toBe('warn');\n expect(normalizeCodeLocInfo(mockWarn.mock.calls[0][1])).toEqual(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n expect(mockError).toHaveBeenCalledTimes(1);\n expect(mockError.mock.calls[0]).toHaveLength(2);\n expect(mockError.mock.calls[0][0]).toBe('error');\n expect(normalizeCodeLocInfo(mockError.mock.calls[0][1])).toBe(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n });\n \n it('should append component stacks to errors and warnings logged from effects', () => {\n- const Intermediate = ({ children }) => children;\n+ const Intermediate = ({children}) => children;\n const Parent = () => (\n \n \n@@ -182,28 +182,28 @@ describe('console', () => {\n expect(mockWarn.mock.calls[0]).toHaveLength(2);\n expect(mockWarn.mock.calls[0][0]).toBe('active warn');\n expect(normalizeCodeLocInfo(mockWarn.mock.calls[0][1])).toEqual(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n expect(mockWarn.mock.calls[1]).toHaveLength(2);\n expect(mockWarn.mock.calls[1][0]).toBe('passive warn');\n expect(normalizeCodeLocInfo(mockWarn.mock.calls[1][1])).toEqual(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n expect(mockError).toHaveBeenCalledTimes(2);\n expect(mockError.mock.calls[0]).toHaveLength(2);\n expect(mockError.mock.calls[0][0]).toBe('active error');\n expect(normalizeCodeLocInfo(mockError.mock.calls[0][1])).toBe(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n expect(mockError.mock.calls[1]).toHaveLength(2);\n expect(mockError.mock.calls[1][0]).toBe('passive error');\n expect(normalizeCodeLocInfo(mockError.mock.calls[1][1])).toBe(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n });\n \n it('should append component stacks to errors and warnings logged from commit hooks', () => {\n- const Intermediate = ({ children }) => children;\n+ const Intermediate = ({children}) => children;\n const Parent = () => (\n \n \n@@ -238,28 +238,28 @@ describe('console', () => {\n expect(mockWarn.mock.calls[0]).toHaveLength(2);\n expect(mockWarn.mock.calls[0][0]).toBe('didMount warn');\n expect(normalizeCodeLocInfo(mockWarn.mock.calls[0][1])).toEqual(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n expect(mockWarn.mock.calls[1]).toHaveLength(2);\n expect(mockWarn.mock.calls[1][0]).toBe('didUpdate warn');\n expect(normalizeCodeLocInfo(mockWarn.mock.calls[1][1])).toEqual(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n expect(mockError).toHaveBeenCalledTimes(2);\n expect(mockError.mock.calls[0]).toHaveLength(2);\n expect(mockError.mock.calls[0][0]).toBe('didMount error');\n expect(normalizeCodeLocInfo(mockError.mock.calls[0][1])).toBe(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n expect(mockError.mock.calls[1]).toHaveLength(2);\n expect(mockError.mock.calls[1][0]).toBe('didUpdate error');\n expect(normalizeCodeLocInfo(mockError.mock.calls[1][1])).toBe(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n });\n \n it('should append component stacks to errors and warnings logged from gDSFP', () => {\n- const Intermediate = ({ children }) => children;\n+ const Intermediate = ({children}) => children;\n const Parent = () => (\n \n \n@@ -287,13 +287,13 @@ describe('console', () => {\n expect(mockWarn.mock.calls[0]).toHaveLength(2);\n expect(mockWarn.mock.calls[0][0]).toBe('warn');\n expect(normalizeCodeLocInfo(mockWarn.mock.calls[0][1])).toEqual(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n expect(mockError).toHaveBeenCalledTimes(1);\n expect(mockError.mock.calls[0]).toHaveLength(2);\n expect(mockError.mock.calls[0][0]).toBe('error');\n expect(normalizeCodeLocInfo(mockError.mock.calls[0][1])).toBe(\n- '\\n in Child (at )\\n in Parent (at )'\n+ '\\n in Child (at )\\n in Parent (at )',\n );\n });\n \n@@ -321,13 +321,13 @@ describe('console', () => {\n expect(mockWarn.mock.calls[1]).toHaveLength(2);\n expect(mockWarn.mock.calls[1][0]).toBe('warn');\n expect(normalizeCodeLocInfo(mockWarn.mock.calls[1][1])).toEqual(\n- '\\n in Child (at )'\n+ '\\n in Child (at )',\n );\n expect(mockError).toHaveBeenCalledTimes(2);\n expect(mockError.mock.calls[1]).toHaveLength(2);\n expect(mockError.mock.calls[1][0]).toBe('error');\n expect(normalizeCodeLocInfo(mockError.mock.calls[1][1])).toBe(\n- '\\n in Child (at )'\n+ '\\n in Child (at )',\n );\n });\n });\ndiff --git a\/packages\/react-devtools-shared\/src\/tests\/inspectedElementContext-test.js b\/packages\/react-devtools-shared\/src\/tests\/inspectedElementContext-test.js\nindex 78696aa16d..6749fa5308 100644\n--- a\/packages\/react-devtools-shared\/src\/tests\/inspectedElementContext-test.js\n+++ b\/packages\/react-devtools-shared\/src\/tests\/inspectedElementContext-test.js\n@@ -1,8 +1,8 @@\n \/\/ @flow\n \n import typeof ReactTestRenderer from 'react-test-renderer';\n-import type { GetInspectedElementPath } from 'react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext';\n-import type { FrontendBridge } from 'react-devtools-shared\/src\/bridge';\n+import type {GetInspectedElementPath} from 'react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext';\n+import type {FrontendBridge} from 'react-devtools-shared\/src\/bridge';\n import type Store from 'react-devtools-shared\/src\/devtools\/store';\n \n describe('InspectedElementContext', () => {\n@@ -36,12 +36,14 @@ describe('InspectedElementContext', () => {\n TestUtils = require('react-dom\/test-utils');\n TestRenderer = utils.requireTestRenderer();\n \n- BridgeContext = require('react-devtools-shared\/src\/devtools\/views\/context').BridgeContext;\n+ BridgeContext = require('react-devtools-shared\/src\/devtools\/views\/context')\n+ .BridgeContext;\n InspectedElementContext = require('react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext')\n .InspectedElementContext;\n InspectedElementContextController = require('react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext')\n .InspectedElementContextController;\n- StoreContext = require('react-devtools-shared\/src\/devtools\/views\/context').StoreContext;\n+ StoreContext = require('react-devtools-shared\/src\/devtools\/views\/context')\n+ .StoreContext;\n TreeContextController = require('react-devtools-shared\/src\/devtools\/views\/Components\/TreeContext')\n .TreeContextController;\n });\n@@ -55,8 +57,7 @@ describe('InspectedElementContext', () => {\n \n \n+ defaultSelectedElementIndex={defaultSelectedElementIndex}>\n \n {children}\n <\/InspectedElementContextController>\n@@ -73,15 +74,15 @@ describe('InspectedElementContext', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container)\n+ ReactDOM.render(, container),\n );\n \n const id = ((store.getElementIDAtIndex(0): any): number);\n \n let didFinish = false;\n \n- function Suspender({ target }) {\n- const { getInspectedElement } = React.useContext(InspectedElementContext);\n+ function Suspender({target}) {\n+ const {getInspectedElement} = React.useContext(InspectedElementContext);\n const inspectedElement = getInspectedElement(id);\n expect(inspectedElement).toMatchSnapshot(`1: Inspected element ${id}`);\n didFinish = true;\n@@ -93,14 +94,13 @@ describe('InspectedElementContext', () => {\n TestRenderer.create(\n \n+ defaultSelectedElementIndex={0}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n ),\n- false\n+ false,\n );\n expect(didFinish).toBe(true);\n \n@@ -113,15 +113,15 @@ describe('InspectedElementContext', () => {\n const container = document.createElement('div');\n await utils.actAsync(\n () => ReactDOM.render(, container),\n- false\n+ false,\n );\n \n const id = ((store.getElementIDAtIndex(0): any): number);\n \n let inspectedElement = null;\n \n- function Suspender({ target }) {\n- const { getInspectedElement } = React.useContext(InspectedElementContext);\n+ function Suspender({target}) {\n+ const {getInspectedElement} = React.useContext(InspectedElementContext);\n inspectedElement = getInspectedElement(id);\n return null;\n }\n@@ -134,14 +134,14 @@ describe('InspectedElementContext', () => {\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n );\n }, false);\n expect(inspectedElement).toMatchSnapshot('1: initial render');\n \n await utils.actAsync(\n () => ReactDOM.render(, container),\n- false\n+ false,\n );\n \n inspectedElement = null;\n@@ -150,14 +150,13 @@ describe('InspectedElementContext', () => {\n renderer.update(\n \n+ defaultSelectedElementIndex={0}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n ),\n- false\n+ false,\n );\n expect(inspectedElement).toMatchSnapshot('2: updated state');\n \n@@ -167,7 +166,7 @@ describe('InspectedElementContext', () => {\n it('should not re-render a function with hooks if it did not update since it was last inspected', async done => {\n let targetRenderCount = 0;\n \n- const Wrapper = ({ children }) => children;\n+ const Wrapper = ({children}) => children;\n const Target = React.memo(props => {\n targetRenderCount++;\n React.useState(0);\n@@ -180,16 +179,16 @@ describe('InspectedElementContext', () => {\n \n \n <\/Wrapper>,\n- container\n- )\n+ container,\n+ ),\n );\n \n const id = ((store.getElementIDAtIndex(1): any): number);\n \n let inspectedElement = null;\n \n- function Suspender({ target }) {\n- const { getInspectedElement } = React.useContext(InspectedElementContext);\n+ function Suspender({target}) {\n+ const {getInspectedElement} = React.useContext(InspectedElementContext);\n inspectedElement = getInspectedElement(target);\n return null;\n }\n@@ -202,14 +201,13 @@ describe('InspectedElementContext', () => {\n (renderer = TestRenderer.create(\n \n+ defaultSelectedElementIndex={1}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n )),\n- false\n+ false,\n );\n expect(targetRenderCount).toBe(1);\n expect(inspectedElement).toMatchSnapshot('1: initial render');\n@@ -223,14 +221,13 @@ describe('InspectedElementContext', () => {\n renderer.update(\n \n+ defaultSelectedElementIndex={1}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n ),\n- false\n+ false,\n );\n expect(targetRenderCount).toBe(0);\n expect(inspectedElement).toEqual(initialInspectedElement);\n@@ -243,9 +240,9 @@ describe('InspectedElementContext', () => {\n \n \n <\/Wrapper>,\n- container\n+ container,\n ),\n- false\n+ false,\n );\n \n \/\/ Target should have been rendered once (by ReactDOM) and once by DevTools for inspection.\n@@ -275,7 +272,7 @@ describe('InspectedElementContext', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container)\n+ ReactDOM.render(, container),\n );\n \n expect(targetRenderCount).toBe(1);\n@@ -292,8 +289,8 @@ describe('InspectedElementContext', () => {\n \n let inspectedElement = null;\n \n- function Suspender({ target }) {\n- const { getInspectedElement } = React.useContext(InspectedElementContext);\n+ function Suspender({target}) {\n+ const {getInspectedElement} = React.useContext(InspectedElementContext);\n inspectedElement = getInspectedElement(target);\n return null;\n }\n@@ -303,14 +300,13 @@ describe('InspectedElementContext', () => {\n TestRenderer.create(\n \n+ defaultSelectedElementIndex={1}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n ),\n- false\n+ false,\n );\n \n expect(inspectedElement).not.toBe(null);\n@@ -342,15 +338,15 @@ describe('InspectedElementContext', () => {\n value_null={null}\n value_undefined={undefined}\n \/>,\n- container\n- )\n+ container,\n+ ),\n );\n \n const id = ((store.getElementIDAtIndex(0): any): number);\n let inspectedElement = null;\n \n- function Suspender({ target }) {\n- const { getInspectedElement } = React.useContext(InspectedElementContext);\n+ function Suspender({target}) {\n+ const {getInspectedElement} = React.useContext(InspectedElementContext);\n inspectedElement = getInspectedElement(id);\n return null;\n }\n@@ -360,20 +356,19 @@ describe('InspectedElementContext', () => {\n TestRenderer.create(\n \n+ defaultSelectedElementIndex={0}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n ),\n- false\n+ false,\n );\n \n expect(inspectedElement).not.toBeNull();\n expect(inspectedElement).toMatchSnapshot('1: Initial inspection');\n \n- const { props } = (inspectedElement: any);\n+ const {props} = (inspectedElement: any);\n expect(props.boolean_false).toBe(false);\n expect(props.boolean_true).toBe(true);\n expect(Number.isFinite(props.infinity)).toBe(false);\n@@ -408,16 +403,16 @@ describe('InspectedElementContext', () => {\n typed_array={typedArray}\n date={new Date()}\n \/>,\n- container\n- )\n+ container,\n+ ),\n );\n \n const id = ((store.getElementIDAtIndex(0): any): number);\n \n let inspectedElement = null;\n \n- function Suspender({ target }) {\n- const { getInspectedElement } = React.useContext(InspectedElementContext);\n+ function Suspender({target}) {\n+ const {getInspectedElement} = React.useContext(InspectedElementContext);\n inspectedElement = getInspectedElement(id);\n return null;\n }\n@@ -427,14 +422,13 @@ describe('InspectedElementContext', () => {\n TestRenderer.create(\n \n+ defaultSelectedElementIndex={0}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n ),\n- false\n+ false,\n );\n \n expect(inspectedElement).not.toBeNull();\n@@ -488,7 +482,7 @@ describe('InspectedElementContext', () => {\n \n const descriptor = ((Object.getOwnPropertyDescriptor(\n CustomData.prototype,\n- 'number'\n+ 'number',\n ): any): PropertyDescriptor);\n descriptor.enumerable = true;\n Object.defineProperty(CustomData.prototype, 'number', descriptor);\n@@ -497,15 +491,15 @@ describe('InspectedElementContext', () => {\n \n const container = document.createElement('div');\n await utils.actAsync(() =>\n- ReactDOM.render(, container)\n+ ReactDOM.render(, container),\n );\n \n const id = ((store.getElementIDAtIndex(0): any): number);\n \n let didFinish = false;\n \n- function Suspender({ target }) {\n- const { getInspectedElement } = React.useContext(InspectedElementContext);\n+ function Suspender({target}) {\n+ const {getInspectedElement} = React.useContext(InspectedElementContext);\n const inspectedElement = getInspectedElement(id);\n expect(inspectedElement).toMatchSnapshot(`1: Inspected element ${id}`);\n didFinish = true;\n@@ -517,14 +511,13 @@ describe('InspectedElementContext', () => {\n TestRenderer.create(\n \n+ defaultSelectedElementIndex={0}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n ),\n- false\n+ false,\n );\n expect(didFinish).toBe(true);\n \n@@ -562,8 +555,8 @@ describe('InspectedElementContext', () => {\n },\n }}\n \/>,\n- container\n- )\n+ container,\n+ ),\n );\n \n const id = ((store.getElementIDAtIndex(0): any): number);\n@@ -571,7 +564,7 @@ describe('InspectedElementContext', () => {\n let getInspectedElementPath: GetInspectedElementPath = ((null: any): GetInspectedElementPath);\n let inspectedElement = null;\n \n- function Suspender({ target }) {\n+ function Suspender({target}) {\n const context = React.useContext(InspectedElementContext);\n getInspectedElementPath = context.getInspectedElementPath;\n inspectedElement = context.getInspectedElement(target);\n@@ -583,14 +576,13 @@ describe('InspectedElementContext', () => {\n TestRenderer.create(\n \n+ defaultSelectedElementIndex={0}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n ),\n- false\n+ false,\n );\n expect(getInspectedElementPath).not.toBeNull();\n expect(inspectedElement).not.toBeNull();\n@@ -615,7 +607,7 @@ describe('InspectedElementContext', () => {\n });\n expect(inspectedElement).not.toBeNull();\n expect(inspectedElement).toMatchSnapshot(\n- '3: Inspect props.nestedObject.a.b.c'\n+ '3: Inspect props.nestedObject.a.b.c',\n );\n \n inspectedElement = null;\n@@ -635,7 +627,7 @@ describe('InspectedElementContext', () => {\n });\n expect(inspectedElement).not.toBeNull();\n expect(inspectedElement).toMatchSnapshot(\n- '4: Inspect props.nestedObject.a.b.c.0.d'\n+ '4: Inspect props.nestedObject.a.b.c.0.d',\n );\n \n inspectedElement = null;\n@@ -657,7 +649,7 @@ describe('InspectedElementContext', () => {\n });\n expect(inspectedElement).not.toBeNull();\n expect(inspectedElement).toMatchSnapshot(\n- '6: Inspect hooks.0.value.foo.bar'\n+ '6: Inspect hooks.0.value.foo.bar',\n );\n \n done();\n@@ -688,8 +680,8 @@ describe('InspectedElementContext', () => {\n },\n }}\n \/>,\n- container\n- )\n+ container,\n+ ),\n );\n \n const id = ((store.getElementIDAtIndex(0): any): number);\n@@ -697,7 +689,7 @@ describe('InspectedElementContext', () => {\n let getInspectedElementPath: GetInspectedElementPath = ((null: any): GetInspectedElementPath);\n let inspectedElement = null;\n \n- function Suspender({ target }) {\n+ function Suspender({target}) {\n const context = React.useContext(InspectedElementContext);\n getInspectedElementPath = context.getInspectedElementPath;\n inspectedElement = context.getInspectedElement(id);\n@@ -709,14 +701,13 @@ describe('InspectedElementContext', () => {\n TestRenderer.create(\n \n+ defaultSelectedElementIndex={0}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n ),\n- false\n+ false,\n );\n expect(getInspectedElementPath).not.toBeNull();\n expect(inspectedElement).not.toBeNull();\n@@ -760,7 +751,7 @@ describe('InspectedElementContext', () => {\n },\n }}\n \/>,\n- container\n+ container,\n );\n });\n });\n@@ -792,8 +783,8 @@ describe('InspectedElementContext', () => {\n },\n }}\n \/>,\n- container\n- )\n+ container,\n+ ),\n );\n \n const id = ((store.getElementIDAtIndex(0): any): number);\n@@ -801,7 +792,7 @@ describe('InspectedElementContext', () => {\n let getInspectedElementPath: GetInspectedElementPath = ((null: any): GetInspectedElementPath);\n let inspectedElement = null;\n \n- function Suspender({ target }) {\n+ function Suspender({target}) {\n const context = React.useContext(InspectedElementContext);\n getInspectedElementPath = context.getInspectedElementPath;\n inspectedElement = context.getInspectedElement(id);\n@@ -813,14 +804,13 @@ describe('InspectedElementContext', () => {\n TestRenderer.create(\n \n+ defaultSelectedElementIndex={0}>\n \n \n <\/React.Suspense>\n- <\/Contexts>\n+ <\/Contexts>,\n ),\n- false\n+ false,\n );\n expect(getInspectedElementPath).not.toBeNull();\n expect(inspectedElement).not.toBeNull();\n@@ -839,7 +829,7 @@ describe('InspectedElementContext', () => {\n },\n }}\n \/>,\n- container\n+ container,\n );\n });\n \ndiff --git a\/packages\/react-devtools-shared\/src\/tests\/inspectedElementSerializer.js b\/packages\/react-devtools-shared\/src\/tests\/inspectedElementSerializer.js\nindex 13e105cf0d..b6290daf61 100644\n--- a\/packages\/react-devtools-shared\/src\/tests\/inspectedElementSerializer.js\n+++ b\/packages\/react-devtools-shared\/src\/tests\/inspectedElementSerializer.js\n@@ -23,6 +23,6 @@ export function print(inspectedElement, serialize, indent) {\n state: inspectedElement.state,\n },\n null,\n- 2\n+ 2,\n );\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/tests\/legacy\/inspectElement-test.js b\/packages\/react-devtools-shared\/src\/tests\/legacy\/inspectElement-test.js\nindex fe1e7fa89f..3452745c21 100644\n--- a\/packages\/react-devtools-shared\/src\/tests\/legacy\/inspectElement-test.js\n+++ b\/packages\/react-devtools-shared\/src\/tests\/legacy\/inspectElement-test.js\n@@ -1,8 +1,8 @@\n \/\/ @flow\n \n-import type { InspectedElementPayload } from 'react-devtools-shared\/src\/backend\/types';\n-import type { DehydratedData } from 'react-devtools-shared\/src\/devtools\/views\/Components\/types';\n-import type { FrontendBridge } from 'react-devtools-shared\/src\/bridge';\n+import type {InspectedElementPayload} from 'react-devtools-shared\/src\/backend\/types';\n+import type {DehydratedData} from 'react-devtools-shared\/src\/devtools\/views\/Components\/types';\n+import type {FrontendBridge} from 'react-devtools-shared\/src\/bridge';\n import type Store from 'react-devtools-shared\/src\/devtools\/store';\n \n describe('InspectedElementContext', () => {\n@@ -20,7 +20,7 @@ describe('InspectedElementContext', () => {\n };\n \n function dehydrateHelper(\n- dehydratedData: DehydratedData | null\n+ dehydratedData: DehydratedData | null,\n ): Object | null {\n if (dehydratedData !== null) {\n return hydrate(dehydratedData.data, dehydratedData.cleaned);\n@@ -31,7 +31,7 @@ describe('InspectedElementContext', () => {\n \n async function read(\n id: number,\n- path?: Array\n+ path?: Array,\n ): Promise

dillon1000/react

Files changed