{"commit":{"authoredAt":"2022-09-13T12:03:20-04:00","revision":"e6a062bd2a1d53f7349a0d0950d89593b63a0c3c","shortRevision":"e6a062bd2a","authorName":"Jan Kassens","authorEmail":"jkassens@fb.com","subject":"Flow: add simple explicit export types to Devtools (#25251)"},"patch":"diff --git a\/packages\/react-devtools-core\/src\/standalone.js b\/packages\/react-devtools-core\/src\/standalone.js\nindex 4b594acf6c..4a2ba8ff08 100644\n--- a\/packages\/react-devtools-core\/src\/standalone.js\n+++ b\/packages\/react-devtools-core\/src\/standalone.js\n@@ -266,7 +266,7 @@ function initialize(socket: WebSocket) {\n \n let startServerTimeoutID: TimeoutID | null = null;\n \n-function connectToSocket(socket: WebSocket) {\n+function connectToSocket(socket: WebSocket): {close(): void} {\n socket.onerror = err => {\n onDisconnected();\n log.error('Error with websocket connection', err);\n@@ -298,7 +298,7 @@ function startServer(\n host?: string = 'localhost',\n httpsOptions?: ServerOptions,\n loggerOptions?: LoggerOptions,\n-) {\n+): {close(): void} {\n registerDevToolsEventLogger(loggerOptions?.surface ?? 'standalone');\n \n const useHttps = !!httpsOptions;\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/views\/utils.js b\/packages\/react-devtools-shared\/src\/backend\/views\/utils.js\nindex a677c7447e..35e8d17192 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/views\/utils.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/views\/utils.js\n@@ -39,7 +39,7 @@ export function getOwnerIframe(node: HTMLElement): HTMLElement | null {\n \n \/\/ Get a bounding client rect for a node, with an\n \/\/ offset added to compensate for its border.\n-export function getBoundingClientRectWithBorderOffset(node: HTMLElement) {\n+export function getBoundingClientRectWithBorderOffset(node: HTMLElement): Rect {\n const dimensions = getElementDimensions(node);\n return mergeRectOffsets([\n node.getBoundingClientRect(),\n@@ -109,7 +109,22 @@ export function getNestedBoundingClientRect(\n }\n }\n \n-export function getElementDimensions(domElement: Element) {\n+export function getElementDimensions(\n+ domElement: Element,\n+): {\n+ borderBottom: number,\n+ borderLeft: number,\n+ borderRight: number,\n+ borderTop: number,\n+ marginBottom: number,\n+ marginLeft: number,\n+ marginRight: number,\n+ marginTop: number,\n+ paddingBottom: number,\n+ paddingLeft: number,\n+ paddingRight: number,\n+ paddingTop: number,\n+} {\n const calculatedStyle = window.getComputedStyle(domElement);\n return {\n borderLeft: parseInt(calculatedStyle.borderLeftWidth, 10),\ndiff --git a\/packages\/react-devtools-shared\/src\/bridge.js b\/packages\/react-devtools-shared\/src\/bridge.js\nindex fe6ba4407a..b5dd931ef0 100644\n--- a\/packages\/react-devtools-shared\/src\/bridge.js\n+++ b\/packages\/react-devtools-shared\/src\/bridge.js\n@@ -375,7 +375,7 @@ class Bridge<\n }\n }\n \n- _flush = () => {\n+ _flush: () => void = () => {\n \/\/ This method is used after the bridge is marked as destroyed in shutdown sequence,\n \/\/ so we do not bail out if the bridge marked as destroyed.\n \/\/ It is a private method that the bridge ensures is only called at the right times.\n@@ -400,7 +400,7 @@ class Bridge<\n \n \/\/ Temporarily support older standalone backends by forwarding \"overrideValueAtPath\" commands\n \/\/ to the older message types they may be listening to.\n- overrideValueAtPath = ({\n+ overrideValueAtPath: OverrideValueAtPath => void = ({\n id,\n path,\n rendererID,\ndiff --git a\/packages\/react-devtools-shared\/src\/constants.js b\/packages\/react-devtools-shared\/src\/constants.js\nindex 1ef8b4dd80..e51ced674d 100644\n--- a\/packages\/react-devtools-shared\/src\/constants.js\n+++ b\/packages\/react-devtools-shared\/src\/constants.js\n@@ -395,11 +395,11 @@ export const THEME_STYLES: {[style: Theme | DisplayDensity]: any, ...} = {\n \/\/\n \/\/ Sometimes the inline target is rendered before root styles are applied,\n \/\/ which would result in e.g. NaN itemSize being passed to react-window list.\n-const COMFORTABLE_LINE_HEIGHT = parseInt(\n+const COMFORTABLE_LINE_HEIGHT: number = parseInt(\n THEME_STYLES.comfortable['--line-height-data'],\n 10,\n );\n-const COMPACT_LINE_HEIGHT = parseInt(\n+const COMPACT_LINE_HEIGHT: number = parseInt(\n THEME_STYLES.compact['--line-height-data'],\n 10,\n );\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/ContextMenu\/Contexts.js b\/packages\/react-devtools-shared\/src\/devtools\/ContextMenu\/Contexts.js\nindex 89f823b132..f8d310a02f 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/ContextMenu\/Contexts.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/ContextMenu\/Contexts.js\n@@ -61,7 +61,7 @@ function showMenu({\n }\n }\n \n-function registerMenu(id: string, showFn: ShowFn, hideFn: HideFn) {\n+function registerMenu(id: string, showFn: ShowFn, hideFn: HideFn): () => void {\n if (idToShowFnMap.has(id)) {\n throw Error(`Context menu with id \"${id}\" already registered.`);\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/utils.js b\/packages\/react-devtools-shared\/src\/devtools\/utils.js\nindex 7cbce2d771..86c9dd6c8c 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/utils.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/utils.js\n@@ -13,7 +13,10 @@ import type {Element} from '.\/views\/Components\/types';\n import type {StateContext} from '.\/views\/Components\/TreeContext';\n import type Store from '.\/store';\n \n-export function printElement(element: Element, includeWeight: boolean = false) {\n+export function printElement(\n+ element: Element,\n+ includeWeight: boolean = false,\n+): string {\n let prefix = ' ';\n if (element.children.length > 0) {\n prefix = element.isCollapsed ? '▸' : '▾';\n@@ -44,7 +47,7 @@ export function printElement(element: Element, includeWeight: boolean = false) {\n export function printOwnersList(\n elements: Array,\n includeWeight: boolean = false,\n-) {\n+): string {\n return elements\n .map(element => printElement(element, includeWeight))\n .join('\\n');\n@@ -54,7 +57,7 @@ export function printStore(\n store: Store,\n includeWeight: boolean = false,\n state: StateContext | null = null,\n-) {\n+): string {\n const snapshotLines = [];\n \n let rootWeight = 0;\n@@ -172,7 +175,7 @@ export function smartParse(value: any) {\n }\n }\n \n-export function smartStringify(value: any) {\n+export function smartStringify(value: any): string {\n if (typeof value === 'number') {\n if (Number.isNaN(value)) {\n return 'NaN';\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ButtonIcon.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ButtonIcon.js\nindex 2d0e3aafb1..80c9ef2c7c 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ButtonIcon.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ButtonIcon.js\n@@ -46,7 +46,7 @@ type Props = {\n type: IconType,\n };\n \n-export default function ButtonIcon({className = '', type}: Props) {\n+export default function ButtonIcon({className = '', type}: Props): React.Node {\n let pathData = null;\n switch (type) {\n case 'add':\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Badge.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Badge.js\nindex 5b342f5490..41419df5db 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Badge.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Badge.js\n@@ -25,7 +25,7 @@ export default function Badge({\n hocDisplayNames,\n type,\n children,\n-}: Props) {\n+}: Props): React.Node {\n if (hocDisplayNames === null || hocDisplayNames.length === 0) {\n return null;\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/CannotSuspendWarningMessage.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/CannotSuspendWarningMessage.js\nindex 3ceb481d49..0bf06dadd9 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/CannotSuspendWarningMessage.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/CannotSuspendWarningMessage.js\n@@ -15,7 +15,7 @@ import {\n ElementTypeSuspense,\n } from 'react-devtools-shared\/src\/types';\n \n-export default function CannotSuspendWarningMessage() {\n+export default function CannotSuspendWarningMessage(): React.Node {\n const store = useContext(StoreContext);\n const areSuspenseElementsHidden = !!store.componentFilters.find(\n filter =>\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ComponentSearchInput.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ComponentSearchInput.js\nindex 292d69e36a..339b80e09b 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ComponentSearchInput.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ComponentSearchInput.js\n@@ -15,7 +15,7 @@ import SearchInput from '..\/SearchInput';\n \n type Props = {};\n \n-export default function ComponentSearchInput(props: Props) {\n+export default function ComponentSearchInput(props: Props): React.Node {\n const {searchIndex, searchResults, searchText} = useContext(TreeStateContext);\n const dispatch = useContext(TreeDispatcherContext);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/EditableName.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/EditableName.js\nindex 766411fa8e..8c358076b1 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/EditableName.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/EditableName.js\n@@ -38,7 +38,7 @@ export default function EditableName({\n overrideName,\n path,\n type,\n-}: EditableNameProps) {\n+}: EditableNameProps): React.Node {\n const [editableName, setEditableName] = useState(initialValue);\n const [isValid, setIsValid] = useState(false);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/EditableValue.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/EditableValue.js\nindex 6f33b2f0f6..cfb42fc23f 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/EditableValue.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/EditableValue.js\n@@ -26,7 +26,7 @@ export default function EditableValue({\n overrideValue,\n path,\n value,\n-}: EditableValueProps) {\n+}: EditableValueProps): React.Node {\n const [state, dispatch] = useEditableValue(value);\n const {editableValue, hasPendingChanges, isValid, parsedValue} = state;\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Element.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Element.js\nindex 6f21512fad..afaf6e463d 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Element.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Element.js\n@@ -32,7 +32,7 @@ type Props = {\n ...\n };\n \n-export default function Element({data, index, style}: Props) {\n+export default function Element({data, index, style}: Props): React.Node {\n const store = useContext(StoreContext);\n const {ownerFlatTree, ownerID, selectedElementID} = useContext(\n TreeStateContext,\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HocBadges.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HocBadges.js\nindex ac11356942..b5926cdcf5 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HocBadges.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HocBadges.js\n@@ -16,7 +16,7 @@ type Props = {\n element: Element,\n };\n \n-export default function HocBadges({element}: Props) {\n+export default function HocBadges({element}: Props): React.Node {\n const {hocDisplayNames} = ((element: any): Element);\n \n if (hocDisplayNames === null) {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectHostNodesToggle.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectHostNodesToggle.js\nindex e850417af5..d4751ef46f 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectHostNodesToggle.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectHostNodesToggle.js\n@@ -14,7 +14,7 @@ import Toggle from '..\/Toggle';\n import ButtonIcon from '..\/ButtonIcon';\n import {logEvent} from 'react-devtools-shared\/src\/Logger';\n \n-export default function InspectHostNodesToggle() {\n+export default function InspectHostNodesToggle(): React.Node {\n const [isInspecting, setIsInspecting] = useState(false);\n const bridge = useContext(BridgeContext);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElement.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElement.js\nindex 9f19dec3b3..c85d769b7e 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElement.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElement.js\n@@ -32,7 +32,7 @@ export type Props = {};\n \n \/\/ TODO Make edits and deletes also use transition API!\n \n-export default function InspectedElementWrapper(_: Props) {\n+export default function InspectedElementWrapper(_: Props): React.Node {\n const {inspectedElementID} = useContext(TreeStateContext);\n const dispatch = useContext(TreeDispatcherContext);\n const {canViewElementSourceFunction, viewElementSourceFunction} = useContext(\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContextTree.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContextTree.js\nindex 8091055e39..78420bf1c1 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContextTree.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContextTree.js\n@@ -36,7 +36,7 @@ export default function InspectedElementContextTree({\n element,\n inspectedElement,\n store,\n-}: Props) {\n+}: Props): React.Node {\n const {hasLegacyContext, context, type} = inspectedElement;\n \n const isReadOnly = type !== ElementTypeClass && type !== ElementTypeFunction;\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementErrorBoundary.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementErrorBoundary.js\nindex 1b4208d44b..e901743a4e 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementErrorBoundary.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementErrorBoundary.js\n@@ -24,7 +24,7 @@ type WrapperProps = {\n \n export default function InspectedElementErrorBoundaryWrapper({\n children,\n-}: WrapperProps) {\n+}: WrapperProps): React.Node {\n \/\/ Key on the selected element ID so that changing the selected element automatically hides the boundary.\n \/\/ This seems best since an error inspecting one element isn't likely to be relevant to another element.\n const {selectedElementID} = useContext(TreeStateContext);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementErrorsAndWarningsTree.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementErrorsAndWarningsTree.js\nindex 0c338a3231..d275cde78b 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementErrorsAndWarningsTree.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementErrorsAndWarningsTree.js\n@@ -37,7 +37,7 @@ export default function InspectedElementErrorsAndWarningsTree({\n bridge,\n inspectedElement,\n store,\n-}: Props) {\n+}: Props): React.Node {\n const refresh = useCacheRefresh();\n \n const [\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementHooksTree.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementHooksTree.js\nindex ab9fbe633f..346a23b8ff 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementHooksTree.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementHooksTree.js\n@@ -54,7 +54,7 @@ export function InspectedElementHooksTree({\n parseHookNames,\n store,\n toggleParseHookNames,\n-}: HooksTreeViewProps) {\n+}: HooksTreeViewProps): React.Node {\n const {hooks, id} = inspectedElement;\n \n \/\/ Changing parseHookNames is done in a transition, because it suspends.\n@@ -137,7 +137,7 @@ export function InnerHooksTreeView({\n id,\n inspectedElement,\n path,\n-}: InnerHooksTreeViewProps) {\n+}: InnerHooksTreeViewProps): React.Node {\n \/\/ $FlowFixMe \"Missing type annotation for U\" whatever that means\n return hooks.map((hook, index) => (\n {\n const input = event.target;\n if (input !== null) {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/LayoutViewer.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/LayoutViewer.js\nindex a7f85e5429..ececd4d9f8 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/LayoutViewer.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/LayoutViewer.js\n@@ -17,7 +17,7 @@ type Props = {\n layout: Layout,\n };\n \n-export default function LayoutViewer({id, layout}: Props) {\n+export default function LayoutViewer({id, layout}: Props): React.Node {\n const {height, margin, padding, y, width, x} = layout;\n \n return (\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/StyleEditor.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/StyleEditor.js\nindex 6da945ff93..c1db73084e 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/StyleEditor.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/StyleEditor.js\n@@ -32,7 +32,7 @@ type Props = {\n type ChangeAttributeFn = (oldName: string, newName: string, value: any) => void;\n type ChangeValueFn = (name: string, value: any) => void;\n \n-export default function StyleEditor({id, style}: Props) {\n+export default function StyleEditor({id, style}: Props): React.Node {\n const bridge = useContext(BridgeContext);\n const store = useContext(StoreContext);\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 71a4abac99..294640487e 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@@ -18,7 +18,7 @@ import {TreeStateContext} from '..\/TreeContext';\n \n type Props = {};\n \n-export default function NativeStyleEditorWrapper(_: Props) {\n+export default function NativeStyleEditorWrapper(_: Props): React.Node {\n const store = useContext(StoreContext);\n \n const subscription = useMemo(\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NewArrayValue.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NewArrayValue.js\nindex d341d5e0a8..5baab8ab3c 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NewArrayValue.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NewArrayValue.js\n@@ -40,7 +40,7 @@ export default function NewArrayValue({\n path,\n store,\n type,\n-}: Props) {\n+}: Props): React.Node {\n const [key, setKey] = useState(0);\n const [isInvalid, setIsInvalid] = useState(false);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NewKeyValue.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NewKeyValue.js\nindex f986ad2e3d..04c141e6f6 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NewKeyValue.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NewKeyValue.js\n@@ -38,7 +38,7 @@ export default function NewKeyValue({\n path,\n store,\n type,\n-}: Props) {\n+}: Props): React.Node {\n const [newPropKey, setNewPropKey] = useState(0);\n const [newPropName, setNewPropName] = useState('');\n \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 379807a595..cc1428999a 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@@ -77,7 +77,7 @@ function dialogReducer(state, action) {\n }\n }\n \n-export default function OwnerStack() {\n+export default function OwnerStack(): React.Node {\n const read = useContext(OwnersListContext);\n const {ownerID} = useContext(TreeStateContext);\n const treeDispatch = useContext(TreeDispatcherContext);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/SelectedTreeHighlight.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/SelectedTreeHighlight.js\nindex 8721a618fd..05b34ab66e 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/SelectedTreeHighlight.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/SelectedTreeHighlight.js\n@@ -22,7 +22,7 @@ type Data = {\n stopIndex: number,\n };\n \n-export default function SelectedTreeHighlight(_: {}) {\n+export default function SelectedTreeHighlight(_: {}): React.Node {\n const {lineHeight} = useContext(SettingsContext);\n const store = useContext(StoreContext);\n const treeFocused = useContext(TreeFocusedContext);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Tree.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Tree.js\nindex 76e816f242..089d98eceb 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Tree.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Tree.js\n@@ -51,7 +51,7 @@ export type ItemData = {\n \n type Props = {};\n \n-export default function Tree(props: Props) {\n+export default function Tree(props: Props): React.Node {\n const dispatch = useContext(TreeDispatcherContext);\n const {\n numElements,\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/reach-ui\/menu-button.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/reach-ui\/menu-button.js\nindex ca93ac41d9..19e7bdaba0 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/reach-ui\/menu-button.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/reach-ui\/menu-button.js\n@@ -16,7 +16,13 @@ import {\n } from '@reach\/menu-button';\n import useThemeStyles from '..\/..\/useThemeStyles';\n \n-const MenuList = ({children, ...props}: {children: React$Node, ...}) => {\n+const MenuList = ({\n+ children,\n+ ...props\n+}: {\n+ children: React$Node,\n+ ...\n+}): React.Node => {\n const style = useThemeStyles();\n return (\n \/\/ $FlowFixMe unsafe spread\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/reach-ui\/tooltip.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/reach-ui\/tooltip.js\nindex c6dbec7ff4..db3d28a197 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/reach-ui\/tooltip.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/reach-ui\/tooltip.js\n@@ -20,7 +20,7 @@ const Tooltip = ({\n children: React$Node,\n className: string,\n ...\n-}) => {\n+}): React.Node => {\n const style = useThemeStyles();\n return (\n \/\/ $FlowFixMe unsafe spread\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/DevTools.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/DevTools.js\nindex c29febb628..879b9ba0a7 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/DevTools.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/DevTools.js\n@@ -146,7 +146,7 @@ export default function DevTools({\n hideToggleSuspenseAction,\n hideLogAction,\n hideViewSourceAction,\n-}: Props) {\n+}: Props): React.Node {\n const [currentTab, setTab] = useLocalStorage(\n LOCAL_STORAGE_DEFAULT_TAB_KEY,\n defaultTab,\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/CaughtErrorView.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/CaughtErrorView.js\nindex c0d2f45a3b..c05630a513 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/CaughtErrorView.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/CaughtErrorView.js\n@@ -24,7 +24,7 @@ export default function CaughtErrorView({\n info,\n componentStack,\n errorMessage,\n-}: Props) {\n+}: Props): React.Node {\n return (\n

\n {children}\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ErrorView.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ErrorView.js\nindex f15276d501..8a038cf896 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ErrorView.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ErrorView.js\n@@ -26,7 +26,7 @@ export default function ErrorView({\n componentStack,\n dismissError = null,\n errorMessage,\n-}: Props) {\n+}: Props): React.Node {\n return (\n

\n {children}\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ReportNewIssue.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ReportNewIssue.js\nindex 4cf631928a..841c18ae2d 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ReportNewIssue.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ReportNewIssue.js\n@@ -31,7 +31,7 @@ export default function ReportNewIssue({\n callStack,\n componentStack,\n errorMessage,\n-}: Props) {\n+}: Props): React.Node {\n let bugURL = process.env.GITHUB_URL;\n if (!bugURL) {\n return null;\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/SearchingGitHubIssues.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/SearchingGitHubIssues.js\nindex b7f993b239..bf836a4ba5 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/SearchingGitHubIssues.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/SearchingGitHubIssues.js\n@@ -11,7 +11,7 @@ import * as React from 'react';\n import LoadingAnimation from 'react-devtools-shared\/src\/devtools\/views\/Components\/LoadingAnimation';\n import styles from '.\/shared.css';\n \n-export default function SearchingGitHubIssues() {\n+export default function SearchingGitHubIssues(): React.Node {\n return (\n

\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/SuspendingErrorView.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/SuspendingErrorView.js\nindex 820b207671..e66ce694f6 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/SuspendingErrorView.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/SuspendingErrorView.js\n@@ -23,7 +23,7 @@ export default function SuspendingErrorView({\n callStack,\n componentStack,\n errorMessage,\n-}: Props) {\n+}: Props): React.Node {\n const maybeItem =\n errorMessage !== null ? findGitHubIssue(errorMessage) : null;\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/TimeoutView.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/TimeoutView.js\nindex 36cfa3a792..8abeaa6d28 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/TimeoutView.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/TimeoutView.js\n@@ -26,7 +26,7 @@ export default function TimeoutView({\n componentStack,\n dismissError = null,\n errorMessage,\n-}: Props) {\n+}: Props): React.Node {\n return (\n

\n {children}\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/UnsupportedBridgeOperationView.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/UnsupportedBridgeOperationView.js\nindex db7675d5bc..b03ab08f80 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/UnsupportedBridgeOperationView.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/UnsupportedBridgeOperationView.js\n@@ -22,7 +22,7 @@ export default function UnsupportedBridgeOperationView({\n children,\n componentStack,\n errorMessage,\n-}: Props) {\n+}: Props): React.Node {\n return (\n

\n {children}\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/UpdateExistingIssue.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/UpdateExistingIssue.js\nindex 8a17808a6c..06c2478178 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/UpdateExistingIssue.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/UpdateExistingIssue.js\n@@ -17,7 +17,7 @@ export default function UpdateExistingIssue({\n gitHubIssue,\n }: {\n gitHubIssue: GitHubIssue,\n-}) {\n+}): React.Node {\n const {title, url} = gitHubIssue;\n return (\n

\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/WorkplaceGroup.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/WorkplaceGroup.js\nindex f885f9611f..23d80996a3 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/WorkplaceGroup.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/WorkplaceGroup.js\n@@ -13,7 +13,7 @@ import {REACT_DEVTOOLS_WORKPLACE_URL} from 'react-devtools-shared\/src\/constants'\n import Icon from '..\/Icon';\n import styles from '.\/shared.css';\n \n-export default function WorkplaceGroup() {\n+export default function WorkplaceGroup(): React.Node {\n if (!isInternalFacebookBuild) {\n return null;\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Icon.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Icon.js\nindex fb39a9fe0b..606dbe9a98 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Icon.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Icon.js\n@@ -34,7 +34,11 @@ type Props = {\n type: IconType,\n };\n \n-export default function Icon({className = '', title = '', type}: Props) {\n+export default function Icon({\n+ className = '',\n+ title = '',\n+ type,\n+}: Props): React.Node {\n let pathData = null;\n switch (type) {\n case 'arrow':\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ModalDialog.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ModalDialog.js\nindex 5ba2390e79..2bfbc0ec90 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ModalDialog.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ModalDialog.js\n@@ -87,7 +87,7 @@ type Props = {\n children: React$Node,\n };\n \n-function ModalDialogContextController({children}: Props) {\n+function ModalDialogContextController({children}: Props): React.Node {\n const [state, dispatch] = useReducer(dialogReducer, {\n dialogs: [],\n });\n@@ -107,7 +107,7 @@ function ModalDialogContextController({children}: Props) {\n );\n }\n \n-function ModalDialog(_: {}) {\n+function ModalDialog(_: {}): React.Node {\n const {dialogs, dispatch} = useContext(ModalDialogContext);\n \n if (dialogs.length === 0) {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ChartNode.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ChartNode.js\nindex e25efabe16..e26b73ec8c 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ChartNode.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ChartNode.js\n@@ -42,7 +42,7 @@ export default function ChartNode({\n width,\n x,\n y,\n-}: Props) {\n+}: Props): React.Node {\n return (\n \n \n

\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/NoProfilingData.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/NoProfilingData.js\nindex 231de1c1d5..b047e33552 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/NoProfilingData.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/NoProfilingData.js\n@@ -12,7 +12,7 @@ import RecordToggle from '.\/RecordToggle';\n \n import styles from '.\/Profiler.css';\n \n-export default function NoProfilingData() {\n+export default function NoProfilingData(): React.Node {\n return (\n

No profiling data has been recorded.<\/div>\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProcessingData.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProcessingData.js\nindex 6827bc4407..3aa4b45c1b 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProcessingData.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProcessingData.js\n@@ -11,7 +11,7 @@ import * as React from 'react';\n \n import styles from '.\/Profiler.css';\n \n-export default function ProcessingData() {\n+export default function ProcessingData(): React.Node {\n return (\n

Processing data...<\/div>\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilerContext.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilerContext.js\nindex c7e69f5ba2..2d1b6d3fb6 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilerContext.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilerContext.js\n@@ -82,7 +82,7 @@ type Props = {\n children: React$Node,\n };\n \n-function ProfilerContextController({children}: Props) {\n+function ProfilerContextController({children}: Props): React.Node {\n const store = useContext(StoreContext);\n const {selectedElementID} = useContext(TreeStateContext);\n const dispatch = useContext(TreeDispatcherContext);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilingImportExportButtons.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilingImportExportButtons.js\nindex cf8a9a8438..189f1af203 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilingImportExportButtons.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilingImportExportButtons.js\n@@ -27,7 +27,7 @@ import styles from '.\/ProfilingImportExportButtons.css';\n \n import type {ProfilingDataExport} from '.\/types';\n \n-export default function ProfilingImportExportButtons() {\n+export default function ProfilingImportExportButtons(): React.Node {\n const {isProfiling, profilingData, rootID} = useContext(ProfilerContext);\n const {setFile} = useContext(TimelineContext);\n const store = useContext(StoreContext);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilingNotSupported.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilingNotSupported.js\nindex 4dcbe64cef..6888c885d0 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilingNotSupported.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilingNotSupported.js\n@@ -11,7 +11,7 @@ import * as React from 'react';\n \n import styles from '.\/Profiler.css';\n \n-export default function ProfilingNotSupported() {\n+export default function ProfilingNotSupported(): React.Node {\n return (\n

Profiling not supported.<\/div>\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RecordToggle.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RecordToggle.js\nindex c1f03ed131..ca7f9c8d3d 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RecordToggle.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RecordToggle.js\n@@ -19,7 +19,7 @@ export type Props = {\n disabled?: boolean,\n };\n \n-export default function RecordToggle({disabled}: Props) {\n+export default function RecordToggle({disabled}: Props): React.Node {\n const {isProfiling, startProfiling, stopProfiling} = useContext(\n ProfilerContext,\n );\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RecordingInProgress.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RecordingInProgress.js\nindex dc91bb5c9c..dce197ce4b 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RecordingInProgress.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RecordingInProgress.js\n@@ -12,7 +12,7 @@ import RecordToggle from '.\/RecordToggle';\n \n import styles from '.\/Profiler.css';\n \n-export default function RecordingInProgress() {\n+export default function RecordingInProgress(): React.Node {\n return (\n

Profiling is in progress...<\/div>\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ReloadAndProfileButton.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ReloadAndProfileButton.js\nindex c10abd9834..fe85bd5b25 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ReloadAndProfileButton.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ReloadAndProfileButton.js\n@@ -23,7 +23,7 @@ export default function ReloadAndProfileButton({\n disabled,\n }: {\n disabled: boolean,\n-}) {\n+}): React.Node {\n const bridge = useContext(BridgeContext);\n const store = useContext(StoreContext);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RootSelector.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RootSelector.js\nindex fe15ac8d63..bb0d3aa9f7 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RootSelector.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RootSelector.js\n@@ -13,7 +13,7 @@ import {ProfilerContext} from '.\/ProfilerContext';\n \n import styles from '.\/RootSelector.css';\n \n-export default function RootSelector(_: {}) {\n+export default function RootSelector(_: {}): React.Node {\n const {profilingData, rootID, setRootID} = useContext(ProfilerContext);\n \n const options = [];\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js\nindex 284d442f84..598a8a58b5 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js\n@@ -19,7 +19,7 @@ import styles from '.\/SidebarCommitInfo.css';\n \n export type Props = {};\n \n-export default function SidebarCommitInfo(_: Props) {\n+export default function SidebarCommitInfo(_: Props): React.Node {\n const {selectedCommitIndex, rootID} = useContext(ProfilerContext);\n \n const {profilerStore} = useContext(StoreContext);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarEventInfo.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarEventInfo.js\nindex 26b11a8e30..b64de0dd2a 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarEventInfo.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarEventInfo.js\n@@ -90,7 +90,7 @@ function SchedulingEventInfo({eventInfo}: SchedulingEventProps) {\n );\n }\n \n-export default function SidebarEventInfo(_: Props) {\n+export default function SidebarEventInfo(_: Props): React.Node {\n const {selectedEvent} = useContext(TimelineContext);\n \/\/ (TODO) Refactor in next PR so this supports multiple types of events\n if (selectedEvent && selectedEvent.schedulingEvent) {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.js\nindex c6505ce7a1..b27aab8776 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.js\n@@ -20,7 +20,7 @@ import styles from '.\/SidebarSelectedFiberInfo.css';\n \n export type Props = {};\n \n-export default function SidebarSelectedFiberInfo(_: Props) {\n+export default function SidebarSelectedFiberInfo(_: Props): React.Node {\n const {profilerStore} = useContext(StoreContext);\n const {\n rootID,\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SnapshotCommitList.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SnapshotCommitList.js\nindex 76cd52e53a..ab967301e7 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SnapshotCommitList.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SnapshotCommitList.js\n@@ -50,7 +50,7 @@ export default function SnapshotCommitList({\n selectedFilteredCommitIndex,\n selectCommitIndex,\n totalDurations,\n-}: Props) {\n+}: Props): React.Node {\n return (\n \n {({height, width}) => (\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SnapshotSelector.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SnapshotSelector.js\nindex faf124b5c9..2b2c601bc9 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SnapshotSelector.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SnapshotSelector.js\n@@ -20,7 +20,7 @@ import styles from '.\/SnapshotSelector.css';\n \n export type Props = {};\n \n-export default function SnapshotSelector(_: Props) {\n+export default function SnapshotSelector(_: Props): React.Node {\n const {\n isCommitFilterEnabled,\n minCommitDuration,\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Tooltip.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Tooltip.js\nindex 8e759485a6..0d7af3e63e 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Tooltip.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Tooltip.js\n@@ -7,7 +7,12 @@ import styles from '.\/Tooltip.css';\n \n const initialTooltipState = {height: 0, mouseX: 0, mouseY: 0, width: 0};\n \n-export default function Tooltip({children, className, label, style}: any) {\n+export default function Tooltip({\n+ children,\n+ className,\n+ label,\n+ style,\n+}: any): React.Node {\n const containerRef = useRef(null);\n const tooltipRef = useRef(null);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.js\nindex bec2920f14..71ab71832c 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.js\n@@ -21,7 +21,7 @@ export type Props = {\n updaters: Array,\n };\n \n-export default function Updaters({commitTree, updaters}: Props) {\n+export default function Updaters({commitTree, updaters}: Props): React.Node {\n const {selectFiber} = useContext(ProfilerContext);\n \n const children =\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/WhatChanged.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/WhatChanged.js\nindex 064dde4366..49bd899247 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/WhatChanged.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/WhatChanged.js\n@@ -37,7 +37,7 @@ type Props = {\n fiberID: number,\n };\n \n-export default function WhatChanged({fiberID}: Props) {\n+export default function WhatChanged({fiberID}: Props): React.Node {\n const {profilerStore} = useContext(StoreContext);\n const {rootID, selectedCommitIndex} = useContext(ProfilerContext);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/utils.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/utils.js\nindex 69134bf956..a861c367c2 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/utils.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/utils.js\n@@ -353,7 +353,7 @@ export function prepareProfilingDataExport(\n };\n }\n \n-export const getGradientColor = (value: number) => {\n+export const getGradientColor = (value: number): string => {\n const maxIndex = commitGradient.length - 1;\n let index;\n if (Number.isNaN(value)) {\n@@ -366,11 +366,11 @@ export const getGradientColor = (value: number) => {\n return commitGradient[Math.round(index)];\n };\n \n-export const formatDuration = (duration: number) =>\n+export const formatDuration = (duration: number): number | string =>\n Math.round(duration * 10) \/ 10 || '<0.1';\n-export const formatPercentage = (percentage: number) =>\n+export const formatPercentage = (percentage: number): number =>\n Math.round(percentage * 100);\n-export const formatTime = (timestamp: number) =>\n+export const formatTime = (timestamp: number): number =>\n Math.round(Math.round(timestamp) \/ 100) \/ 10;\n \n export const scale = (\n@@ -378,7 +378,10 @@ export const scale = (\n maxValue: number,\n minRange: number,\n maxRange: number,\n-) => (value: number, fallbackValue: number) =>\n+): ((value: number, fallbackValue: number) => number) => (\n+ value: number,\n+ fallbackValue: number,\n+) =>\n maxValue - minValue === 0\n ? fallbackValue\n : ((value - minValue) \/ (maxValue - minValue)) * (maxRange - minRange);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ReactLogo.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ReactLogo.js\nindex a473d450f9..7eb95868e9 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ReactLogo.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ReactLogo.js\n@@ -15,7 +15,7 @@ type Props = {\n className?: string,\n };\n \n-export default function ReactLogo({className}: Props) {\n+export default function ReactLogo({className}: Props): React.Node {\n return (\n (null);\n \n const resetSearch = () => search('');\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/ComponentsSettings.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/ComponentsSettings.js\nindex 9df49e68ff..281b0f101a 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/ComponentsSettings.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/ComponentsSettings.js\n@@ -51,7 +51,7 @@ import type {\n RegExpComponentFilter,\n } from 'react-devtools-shared\/src\/types';\n \n-export default function ComponentsSettings(_: {}) {\n+export default function ComponentsSettings(_: {}): React.Node {\n const store = useContext(StoreContext);\n const {parseHookNames, setParseHookNames} = useContext(SettingsContext);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/DebuggingSettings.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/DebuggingSettings.js\nindex 64df0f6586..8281cefd3d 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/DebuggingSettings.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/DebuggingSettings.js\n@@ -13,7 +13,7 @@ import {SettingsContext} from '.\/SettingsContext';\n \n import styles from '.\/SettingsShared.css';\n \n-export default function DebuggingSettings(_: {}) {\n+export default function DebuggingSettings(_: {}): React.Node {\n const {\n appendComponentStack,\n breakOnConsoleErrors,\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/GeneralSettings.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/GeneralSettings.js\nindex 71fc7ab291..fd59913932 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/GeneralSettings.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/GeneralSettings.js\n@@ -28,7 +28,7 @@ function getChangeLogUrl(version: ?string): string | null {\n return `${CHANGE_LOG_URL}#${versionAnchor}`;\n }\n \n-export default function GeneralSettings(_: {}) {\n+export default function GeneralSettings(_: {}): React.Node {\n const {\n displayDensity,\n setDisplayDensity,\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/ProfilerSettings.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/ProfilerSettings.js\nindex cf0c237e6e..d9105da2dc 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/ProfilerSettings.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/ProfilerSettings.js\n@@ -15,7 +15,7 @@ import {ProfilerContext} from 'react-devtools-shared\/src\/devtools\/views\/Profiler\n \n import styles from '.\/SettingsShared.css';\n \n-export default function ProfilerSettings(_: {}) {\n+export default function ProfilerSettings(_: {}): React.Node {\n const {\n isCommitFilterEnabled,\n minCommitDuration,\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModal.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModal.js\nindex 6a6730a9f3..58377f9696 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModal.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModal.js\n@@ -28,7 +28,7 @@ import styles from '.\/SettingsModal.css';\n \n type TabID = 'general' | 'components' | 'profiler';\n \n-export default function SettingsModal(_: {}) {\n+export default function SettingsModal(_: {}): React.Node {\n const {isModalShowing, setIsModalShowing} = useContext(SettingsModalContext);\n const store = useContext(StoreContext);\n const {profilerStore} = store;\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModalContextToggle.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModalContextToggle.js\nindex c20124d90f..fa234d1b71 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModalContextToggle.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModalContextToggle.js\n@@ -15,7 +15,7 @@ import ButtonIcon from '..\/ButtonIcon';\n import {StoreContext} from '..\/context';\n import {useSubscription} from '..\/hooks';\n \n-export default function SettingsModalContextToggle() {\n+export default function SettingsModalContextToggle(): React.Node {\n const {setIsModalShowing} = useContext(SettingsModalContext);\n const store = useContext(StoreContext);\n const {profilerStore} = store;\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/TabBar.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/TabBar.js\nindex 391c1c9714..89ba2d30ca 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/TabBar.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/TabBar.js\n@@ -39,7 +39,7 @@ export default function TabBar({\n selectTab,\n tabs,\n type,\n-}: Props) {\n+}: Props): React.Node {\n if (!tabs.some(tab => tab !== null && tab.id === currentTab)) {\n const firstTab = ((tabs.find(tab => tab !== null): any): TabInfo);\n selectTab(firstTab.id);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ThemeProvider.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ThemeProvider.js\nindex 7a6deba501..eb8a83465d 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ThemeProvider.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ThemeProvider.js\n@@ -10,7 +10,11 @@\n import * as React from 'react';\n import useThemeStyles from '.\/useThemeStyles';\n \n-export default function ThemeProvider({children}: {children: React$Node}) {\n+export default function ThemeProvider({\n+ children,\n+}: {\n+ children: React.Node,\n+}): React.Node {\n const themeStyle = useThemeStyles();\n \n const style = React.useMemo(() => {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Toggle.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Toggle.js\nindex f90367c3cc..b43c7087c9 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Toggle.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Toggle.js\n@@ -32,7 +32,7 @@ export default function Toggle({\n onChange,\n testName,\n title,\n-}: Props) {\n+}: Props): React.Node {\n let defaultClassName;\n if (isDisabled) {\n defaultClassName = styles.ToggleDisabled;\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/WarnIfLegacyBackendDetected.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/WarnIfLegacyBackendDetected.js\nindex 85f3cb5efd..7e2307b329 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/WarnIfLegacyBackendDetected.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/WarnIfLegacyBackendDetected.js\n@@ -14,7 +14,7 @@ import {ModalDialogContext} from '.\/ModalDialog';\n \n import styles from '.\/WarnIfLegacyBackendDetected.css';\n \n-export default function WarnIfLegacyBackendDetected(_: {}) {\n+export default function WarnIfLegacyBackendDetected(_: {}): null {\n const bridge = useContext(BridgeContext);\n const {dispatch} = useContext(ModalDialogContext);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/hooks.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/hooks.js\nindex 60a2fe8dcb..8366a22161 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/hooks.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/hooks.js\n@@ -329,7 +329,10 @@ export function useSubscription({\n return state.value;\n }\n \n-export function useHighlightNativeElement() {\n+export function useHighlightNativeElement(): {\n+ clearHighlightNativeElement: () => void,\n+ highlightNativeElement: (id: number) => void,\n+} {\n const bridge = useContext(BridgeContext);\n const store = useContext(StoreContext);\n \ndiff --git a\/packages\/react-devtools-shared\/src\/hydration.js b\/packages\/react-devtools-shared\/src\/hydration.js\nindex bb35c4cf34..4d3d9862b7 100644\n--- a\/packages\/react-devtools-shared\/src\/hydration.js\n+++ b\/packages\/react-devtools-shared\/src\/hydration.js\n@@ -19,15 +19,15 @@ import {\n import type {DehydratedData} from 'react-devtools-shared\/src\/devtools\/views\/Components\/types';\n \n export const meta = {\n- inspectable: Symbol('inspectable'),\n- inspected: Symbol('inspected'),\n- name: Symbol('name'),\n- preview_long: Symbol('preview_long'),\n- preview_short: Symbol('preview_short'),\n- readonly: Symbol('readonly'),\n- size: Symbol('size'),\n- type: Symbol('type'),\n- unserializable: Symbol('unserializable'),\n+ inspectable: (Symbol('inspectable'): symbol),\n+ inspected: (Symbol('inspected'): symbol),\n+ name: (Symbol('name'): symbol),\n+ preview_long: (Symbol('preview_long'): symbol),\n+ preview_short: (Symbol('preview_short'): symbol),\n+ readonly: (Symbol('readonly'): symbol),\n+ size: (Symbol('size'): symbol),\n+ type: (Symbol('type'): symbol),\n+ unserializable: (Symbol('unserializable'): symbol),\n };\n \n export type Dehydrated = {\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/DeeplyNestedComponents\/index.js b\/packages\/react-devtools-shell\/src\/app\/DeeplyNestedComponents\/index.js\nindex 613914e8ab..03cc54c150 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/DeeplyNestedComponents\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/DeeplyNestedComponents\/index.js\n@@ -36,7 +36,7 @@ function Nested() {\n \n const DeeplyNested = wrapWithNested(Nested, 100);\n \n-export default function DeeplyNestedComponents() {\n+export default function DeeplyNestedComponents(): React.Node {\n return (\n \n

Deeply nested component<\/h1>\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/EditableProps\/index.js b\/packages\/react-devtools-shell\/src\/app\/EditableProps\/index.js\nindex ca7bd18010..ba92cf3fed 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/EditableProps\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/EditableProps\/index.js\n@@ -122,7 +122,7 @@ const ForwardRef = forwardRef<{name: string}, HTMLUListElement>(\n },\n );\n \n-export default function EditableProps() {\n+export default function EditableProps(): React.Node {\n return (\n \n
Editable props<\/h1>\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/ElementTypes\/index.js b\/packages\/react-devtools-shell\/src\/app\/ElementTypes\/index.js\nindex 4b44a50a66..d105bff9e1 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/ElementTypes\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/ElementTypes\/index.js\n@@ -54,7 +54,7 @@ const LazyComponent = lazy(() =>\n }),\n );\n \n-export default function ElementTypes() {\n+export default function ElementTypes(): React.Node {\n return (\n {}}>\n \ndiff --git a\/packages\/react-devtools-shell\/src\/app\/ErrorBoundaries\/index.js b\/packages\/react-devtools-shell\/src\/app\/ErrorBoundaries\/index.js\nindex 1a4fc7927c..df37534a69 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/ErrorBoundaries\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/ErrorBoundaries\/index.js\n@@ -53,7 +53,7 @@ function Component({label}) {\n return
{label}<\/div>;\n }\n \n-export default function ErrorBoundaries() {\n+export default function ErrorBoundaries(): React.Node {\n return (\n \n
Nested error boundaries demo<\/h1>\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/Hydration\/index.js b\/packages\/react-devtools-shell\/src\/app\/Hydration\/index.js\nindex 38347ec934..1d5920223e 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/Hydration\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/Hydration\/index.js\n@@ -106,7 +106,7 @@ function useInnerBaz() {\n return count;\n }\n \n-export default function Hydration() {\n+export default function Hydration(): React.Node {\n return (\n \n
Hydration<\/h1>\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/Iframe\/index.js b\/packages\/react-devtools-shell\/src\/app\/Iframe\/index.js\nindex f4b562ee31..50beadd137 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/Iframe\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/Iframe\/index.js\n@@ -4,7 +4,7 @@ import * as React from 'react';\n import {Fragment} from 'react';\n import {createPortal} from 'react-dom';\n \n-export default function Iframe() {\n+export default function Iframe(): React.Node {\n return (\n \n
Iframe<\/h2>\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InlineWarnings\/index.js b\/packages\/react-devtools-shell\/src\/app\/InlineWarnings\/index.js\nindex 964323a28a..6b7b189f70 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InlineWarnings\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InlineWarnings\/index.js\n@@ -155,7 +155,7 @@ function ComponentWithSymbolWarning() {\n return null;\n }\n \n-export default function ErrorsAndWarnings() {\n+export default function ErrorsAndWarnings(): React.Node {\n const [count, setCount] = useState(0);\n const handleClick = () => setCount(count + 1);\n return (\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CircularReferences.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CircularReferences.js\nindex ffce696fa8..5ebd362c0c 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CircularReferences.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CircularReferences.js\n@@ -18,7 +18,7 @@ const objectOne = {};\n const objectTwo = {objectOne};\n objectOne.objectTwo = objectTwo;\n \n-export default function CircularReferences() {\n+export default function CircularReferences(): React.Node {\n return ;\n }\n \ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js\nindex 39c03547fe..700d76ada6 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js\n@@ -237,7 +237,7 @@ class ModernClassContextConsumerWithUpdates extends Component {\n }\n }\n \n-export default function Contexts() {\n+export default function Contexts(): React.Node {\n return (\n
\n
Contexts<\/h1>\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CustomHooks.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CustomHooks.js\nindex c044965445..9b76deb01d 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CustomHooks.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CustomHooks.js\n@@ -114,7 +114,7 @@ function wrapWithHoc(Component) {\n }\n const HocWithHooks = wrapWithHoc(FunctionWithHooks);\n \n-export default function CustomHooks() {\n+export default function CustomHooks(): React.Node {\n return (\n \n \ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CustomObject.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CustomObject.js\nindex c4557e5879..a1a855ed34 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CustomObject.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CustomObject.js\n@@ -16,7 +16,7 @@ class Custom {\n }\n }\n \n-export default function CustomObject() {\n+export default function CustomObject(): React.Node {\n return ;\n }\n \ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/EdgeCaseObjects.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/EdgeCaseObjects.js\nindex b747f855da..5c3eb7e3d5 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/EdgeCaseObjects.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/EdgeCaseObjects.js\n@@ -19,7 +19,7 @@ const objectWithNullProto = Object.create(null);\n objectWithNullProto.foo = 'abc';\n objectWithNullProto.bar = 123;\n \n-export default function EdgeCaseObjects() {\n+export default function EdgeCaseObjects(): React.Node {\n return (\n \n
Inspectable elements<\/h1>\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/NestedProps.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/NestedProps.js\nindex 16ccad8d32..02ce2c9144 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/NestedProps.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/NestedProps.js\n@@ -19,7 +19,7 @@ const object = {\n null: null,\n };\n \n-export default function ObjectProps() {\n+export default function ObjectProps(): React.Node {\n return (\n ;\n }\n \ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/UnserializableProps.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/UnserializableProps.js\nindex f0f08b7d17..97d0ef18c8 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/UnserializableProps.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/UnserializableProps.js\n@@ -34,7 +34,7 @@ const immutable = Immutable.fromJS({\n \/\/ $FlowFixMe\n const bigInt = BigInt(123); \/\/ eslint-disable-line no-undef\n \n-export default function UnserializableProps() {\n+export default function UnserializableProps(): React.Node {\n return (\n \n \ndiff --git a\/packages\/react-devtools-shell\/src\/app\/ReactNativeWeb\/index.js b\/packages\/react-devtools-shell\/src\/app\/ReactNativeWeb\/index.js\nindex 89a0badca1..82925ed1b5 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/ReactNativeWeb\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/ReactNativeWeb\/index.js\n@@ -12,7 +12,7 @@ import {Fragment, useState} from 'react';\n \/\/ $FlowFixMe\n import {Button, Text, View} from 'react-native-web';\n \n-export default function ReactNativeWeb() {\n+export default function ReactNativeWeb(): React.Node {\n const [backgroundColor, setBackgroundColor] = useState('purple');\n const toggleColor = () =>\n setBackgroundColor(backgroundColor === 'purple' ? 'green' : 'purple');\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/SuspenseTree\/index.js b\/packages\/react-devtools-shell\/src\/app\/SuspenseTree\/index.js\nindex 875cf60fec..db958df1cc 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/SuspenseTree\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/SuspenseTree\/index.js\n@@ -10,7 +10,7 @@\n import * as React from 'react';\n import {Fragment, Suspense, SuspenseList, useState} from 'react';\n \n-function SuspenseTree() {\n+function SuspenseTree(): React.Node {\n return (\n \n
Suspense<\/h1>\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/ToDoList\/List.js b\/packages\/react-devtools-shell\/src\/app\/ToDoList\/List.js\nindex a1b784b6e5..67bb6d1b4e 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/ToDoList\/List.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/ToDoList\/List.js\n@@ -20,7 +20,7 @@ export type Item = {\n \n type Props = {};\n \n-export default function List(props: Props) {\n+export default function List(props: Props): React.Node {\n const [newItemText, setNewItemText] = useState('');\n const [items, setItems] = useState>([\n {id: 1, isComplete: true, text: 'First'},\ndiff --git a\/packages\/react-devtools-shell\/src\/e2e-apps\/ListApp.js b\/packages\/react-devtools-shell\/src\/e2e-apps\/ListApp.js\nindex 0e2c2ef8d4..727edf126c 100644\n--- a\/packages\/react-devtools-shell\/src\/e2e-apps\/ListApp.js\n+++ b\/packages\/react-devtools-shell\/src\/e2e-apps\/ListApp.js\n@@ -10,7 +10,7 @@\n import * as React from 'react';\n import {useRef, useState} from 'react';\n \n-export default function App() {\n+export default function App(): React.Node {\n return ;\n }\n \ndiff --git a\/packages\/react-devtools-shell\/src\/e2e-apps\/ListAppLegacy.js b\/packages\/react-devtools-shell\/src\/e2e-apps\/ListAppLegacy.js\nindex ae18b7183a..26a4673ba7 100644\n--- a\/packages\/react-devtools-shell\/src\/e2e-apps\/ListAppLegacy.js\n+++ b\/packages\/react-devtools-shell\/src\/e2e-apps\/ListAppLegacy.js\n@@ -9,7 +9,7 @@\n \n import * as React from 'react';\n \n-export default function App() {\n+export default function App(): React.Node {\n return ;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/CanvasPage.js b\/packages\/react-devtools-timeline\/src\/CanvasPage.js\nindex 3853f5cb4d..35bdfde779 100644\n--- a\/packages\/react-devtools-timeline\/src\/CanvasPage.js\n+++ b\/packages\/react-devtools-timeline\/src\/CanvasPage.js\n@@ -74,7 +74,7 @@ type Props = {\n viewState: ViewState,\n };\n \n-function CanvasPage({profilerData, viewState}: Props) {\n+function CanvasPage({profilerData, viewState}: Props): React.Node {\n return (\n \n
Timeline profiling not supported.<\/div>\ndiff --git a\/packages\/react-devtools-timeline\/src\/TimelineSearchInput.js b\/packages\/react-devtools-timeline\/src\/TimelineSearchInput.js\nindex 68fd3eaf33..84307dad30 100644\n--- a\/packages\/react-devtools-timeline\/src\/TimelineSearchInput.js\n+++ b\/packages\/react-devtools-timeline\/src\/TimelineSearchInput.js\n@@ -16,7 +16,7 @@ import {TimelineSearchContext} from '.\/TimelineSearchContext';\n \n type Props = {};\n \n-export default function TimelineSearchInput(props: Props) {\n+export default function TimelineSearchInput(props: Props): React.Node {\n const {searchInputContainerRef} = useContext(TimelineContext);\n const {dispatch, searchIndex, searchResults, searchText} = useContext(\n TimelineSearchContext,\ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/ComponentMeasuresView.js b\/packages\/react-devtools-timeline\/src\/content-views\/ComponentMeasuresView.js\nindex c4fd41bdfa..db2884a072 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/ComponentMeasuresView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/ComponentMeasuresView.js\n@@ -69,7 +69,7 @@ export class ComponentMeasuresView extends View {\n };\n }\n \n- desiredSize() {\n+ desiredSize(): IntrinsicSize {\n return this._intrinsicSize;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/FlamechartView.js b\/packages\/react-devtools-timeline\/src\/content-views\/FlamechartView.js\nindex bbc8dcf139..151c01cdaf 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/FlamechartView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/FlamechartView.js\n@@ -102,7 +102,7 @@ class FlamechartStackLayerView extends View {\n };\n }\n \n- desiredSize() {\n+ desiredSize(): Size {\n return this._intrinsicSize;\n }\n \n@@ -342,7 +342,12 @@ export class FlamechartView extends View {\n this._flamechartRowViews.forEach(rowView => (rowView._onHover = onHover));\n }\n \n- desiredSize() {\n+ desiredSize(): {\n+ height: number,\n+ hideScrollBarIfLessThanHeight?: number,\n+ maxInitialHeight?: number,\n+ width: number,\n+ } {\n \/\/ Ignore the wishes of the background color view\n const intrinsicSize = this._verticalStackView.desiredSize();\n return {\ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/NativeEventsView.js b\/packages\/react-devtools-timeline\/src\/content-views\/NativeEventsView.js\nindex 5db13dbc67..2def46a634 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/NativeEventsView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/NativeEventsView.js\n@@ -77,7 +77,7 @@ export class NativeEventsView extends View {\n };\n }\n \n- desiredSize() {\n+ desiredSize(): IntrinsicSize {\n return this._intrinsicSize;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/NetworkMeasuresView.js b\/packages\/react-devtools-timeline\/src\/content-views\/NetworkMeasuresView.js\nindex 547af24bb2..cd2fdf4732 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/NetworkMeasuresView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/NetworkMeasuresView.js\n@@ -81,7 +81,7 @@ export class NetworkMeasuresView extends View {\n };\n }\n \n- desiredSize() {\n+ desiredSize(): IntrinsicSize {\n return this._intrinsicSize;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/ReactMeasuresView.js b\/packages\/react-devtools-timeline\/src\/content-views\/ReactMeasuresView.js\nindex f46d435738..3244eb2d20 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/ReactMeasuresView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/ReactMeasuresView.js\n@@ -71,7 +71,7 @@ export class ReactMeasuresView extends View {\n };\n }\n \n- desiredSize() {\n+ desiredSize(): IntrinsicSize {\n return this._intrinsicSize;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/SchedulingEventsView.js b\/packages\/react-devtools-timeline\/src\/content-views\/SchedulingEventsView.js\nindex 4c35ee6828..faf8d99187 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/SchedulingEventsView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/SchedulingEventsView.js\n@@ -60,7 +60,7 @@ export class SchedulingEventsView extends View {\n };\n }\n \n- desiredSize() {\n+ desiredSize(): Size {\n return this._intrinsicSize;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/SnapshotsView.js b\/packages\/react-devtools-timeline\/src\/content-views\/SnapshotsView.js\nindex eaaf44659e..25804f9190 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/SnapshotsView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/SnapshotsView.js\n@@ -45,7 +45,7 @@ export class SnapshotsView extends View {\n this._profilerData = profilerData;\n }\n \n- desiredSize() {\n+ desiredSize(): Size {\n return this._intrinsicSize;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/SuspenseEventsView.js b\/packages\/react-devtools-timeline\/src\/content-views\/SuspenseEventsView.js\nindex 370c8f7632..502dc2858c 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/SuspenseEventsView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/SuspenseEventsView.js\n@@ -85,7 +85,7 @@ export class SuspenseEventsView extends View {\n };\n }\n \n- desiredSize() {\n+ desiredSize(): IntrinsicSize {\n return this._intrinsicSize;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/ThrownErrorsView.js b\/packages\/react-devtools-timeline\/src\/content-views\/ThrownErrorsView.js\nindex d2a70e9524..9c0cb987e3 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/ThrownErrorsView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/ThrownErrorsView.js\n@@ -55,7 +55,7 @@ export class ThrownErrorsView extends View {\n };\n }\n \n- desiredSize() {\n+ desiredSize(): Size {\n return this._intrinsicSize;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/TimeAxisMarkersView.js b\/packages\/react-devtools-timeline\/src\/content-views\/TimeAxisMarkersView.js\nindex 47913dbb22..8d8ef9502f 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/TimeAxisMarkersView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/TimeAxisMarkersView.js\n@@ -49,7 +49,7 @@ export class TimeAxisMarkersView extends View {\n };\n }\n \n- desiredSize() {\n+ desiredSize(): Size {\n return this._intrinsicSize;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/UserTimingMarksView.js b\/packages\/react-devtools-timeline\/src\/content-views\/UserTimingMarksView.js\nindex 36c24091ac..4abcd6b627 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/UserTimingMarksView.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/UserTimingMarksView.js\n@@ -61,7 +61,7 @@ export class UserTimingMarksView extends View {\n };\n }\n \n- desiredSize() {\n+ desiredSize(): Size {\n return this._intrinsicSize;\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/content-views\/constants.js b\/packages\/react-devtools-timeline\/src\/content-views\/constants.js\nindex bf60a1fbf9..e92e1d53cd 100644\n--- a\/packages\/react-devtools-timeline\/src\/content-views\/constants.js\n+++ b\/packages\/react-devtools-timeline\/src\/content-views\/constants.js\n@@ -43,7 +43,63 @@ export const INTERVAL_TIMES = [\n export const MIN_INTERVAL_SIZE_PX = 70;\n \n \/\/ TODO Replace this with \"export let\" vars\n-export let COLORS = {\n+export let COLORS: {\n+ BACKGROUND: string,\n+ INTERNAL_MODULE_FRAME: string,\n+ INTERNAL_MODULE_FRAME_HOVER: string,\n+ INTERNAL_MODULE_FRAME_TEXT: string,\n+ NATIVE_EVENT: string,\n+ NATIVE_EVENT_HOVER: string,\n+ NETWORK_PRIMARY: string,\n+ NETWORK_PRIMARY_HOVER: string,\n+ NETWORK_SECONDARY: string,\n+ NETWORK_SECONDARY_HOVER: string,\n+ PRIORITY_BACKGROUND: string,\n+ PRIORITY_BORDER: string,\n+ PRIORITY_LABEL: string,\n+ REACT_COMMIT: string,\n+ REACT_COMMIT_HOVER: string,\n+ REACT_COMMIT_TEXT: string,\n+ REACT_IDLE: string,\n+ REACT_IDLE_HOVER: string,\n+ REACT_LAYOUT_EFFECTS: string,\n+ REACT_LAYOUT_EFFECTS_HOVER: string,\n+ REACT_LAYOUT_EFFECTS_TEXT: string,\n+ REACT_PASSIVE_EFFECTS: string,\n+ REACT_PASSIVE_EFFECTS_HOVER: string,\n+ REACT_PASSIVE_EFFECTS_TEXT: string,\n+ REACT_RENDER: string,\n+ REACT_RENDER_HOVER: string,\n+ REACT_RENDER_TEXT: string,\n+ REACT_RESIZE_BAR: string,\n+ REACT_RESIZE_BAR_ACTIVE: string,\n+ REACT_RESIZE_BAR_BORDER: string,\n+ REACT_RESIZE_BAR_DOT: string,\n+ REACT_SCHEDULE: string,\n+ REACT_SCHEDULE_HOVER: string,\n+ REACT_SUSPENSE_REJECTED_EVENT: string,\n+ REACT_SUSPENSE_REJECTED_EVENT_HOVER: string,\n+ REACT_SUSPENSE_RESOLVED_EVENT: string,\n+ REACT_SUSPENSE_RESOLVED_EVENT_HOVER: string,\n+ REACT_SUSPENSE_UNRESOLVED_EVENT: string,\n+ REACT_SUSPENSE_UNRESOLVED_EVENT_HOVER: string,\n+ REACT_THROWN_ERROR: string,\n+ REACT_THROWN_ERROR_HOVER: string,\n+ REACT_WORK_BORDER: string,\n+ SCROLL_CARET: string,\n+ SCRUBBER_BACKGROUND: string,\n+ SCRUBBER_BORDER: string,\n+ SEARCH_RESULT_FILL: string,\n+ TEXT_COLOR: string,\n+ TEXT_DIM_COLOR: string,\n+ TIME_MARKER_LABEL: string,\n+ USER_TIMING: string,\n+ USER_TIMING_HOVER: string,\n+ WARNING_BACKGROUND: string,\n+ WARNING_BACKGROUND_HOVER: string,\n+ WARNING_TEXT: string,\n+ WARNING_TEXT_INVERED: string,\n+} = {\n BACKGROUND: '',\n INTERNAL_MODULE_FRAME: '',\n INTERNAL_MODULE_FRAME_HOVER: '',\ndiff --git a\/packages\/react-devtools-timeline\/src\/utils\/formatting.js b\/packages\/react-devtools-timeline\/src\/utils\/formatting.js\nindex 83354afe96..ec51bfbe30 100644\n--- a\/packages\/react-devtools-timeline\/src\/utils\/formatting.js\n+++ b\/packages\/react-devtools-timeline\/src\/utils\/formatting.js\n@@ -11,7 +11,7 @@ import type {SchedulingEvent} from '..\/types';\n \n import prettyMilliseconds from 'pretty-ms';\n \n-export function formatTimestamp(ms: number) {\n+export function formatTimestamp(ms: number): string {\n return (\n ms.toLocaleString(undefined, {\n minimumFractionDigits: 1,\ndiff --git a\/packages\/react-devtools-timeline\/src\/utils\/getBatchRange.js b\/packages\/react-devtools-timeline\/src\/utils\/getBatchRange.js\nindex 8dd425d263..a372c7d5f1 100644\n--- a\/packages\/react-devtools-timeline\/src\/utils\/getBatchRange.js\n+++ b\/packages\/react-devtools-timeline\/src\/utils\/getBatchRange.js\n@@ -45,4 +45,8 @@ function unmemoizedGetBatchRange(\n return [startTime, stopTime];\n }\n \n-export const getBatchRange = memoize(unmemoizedGetBatchRange);\n+export const getBatchRange: (\n+ batchUID: BatchUID,\n+ data: TimelineData,\n+ minStartTime?: number,\n+) => [Milliseconds, Milliseconds] = memoize(unmemoizedGetBatchRange);\ndiff --git a\/packages\/react-devtools-timeline\/src\/utils\/useSmartTooltip.js b\/packages\/react-devtools-timeline\/src\/utils\/useSmartTooltip.js\nindex f2559364f5..1805310d31 100644\n--- a\/packages\/react-devtools-timeline\/src\/utils\/useSmartTooltip.js\n+++ b\/packages\/react-devtools-timeline\/src\/utils\/useSmartTooltip.js\n@@ -20,7 +20,7 @@ export default function useSmartTooltip({\n canvasRef: {current: HTMLCanvasElement | null},\n mouseX: number,\n mouseY: number,\n-}) {\n+}): {current: HTMLElement | null} {\n const ref = useRef(null);\n \n \/\/ HACK: Browser extension reports window.innerHeight of 0,\ndiff --git a\/packages\/react-devtools-timeline\/src\/view-base\/HorizontalPanAndZoomView.js b\/packages\/react-devtools-timeline\/src\/view-base\/HorizontalPanAndZoomView.js\nindex 2a998493ed..64251c92a4 100644\n--- a\/packages\/react-devtools-timeline\/src\/view-base\/HorizontalPanAndZoomView.js\n+++ b\/packages\/react-devtools-timeline\/src\/view-base\/HorizontalPanAndZoomView.js\n@@ -7,6 +7,7 @@\n * @flow\n *\/\n \n+import type {Size, IntrinsicSize} from '.\/geometry';\n import type {\n Interaction,\n MouseDownInteraction,\n@@ -39,7 +40,7 @@ import {\n export class HorizontalPanAndZoomView extends View {\n _contentView: View;\n _intrinsicContentWidth: number;\n- _isPanning = false;\n+ _isPanning: boolean = false;\n _viewState: ViewState;\n \n constructor(\n@@ -103,7 +104,7 @@ export class HorizontalPanAndZoomView extends View {\n this.setScrollState(newState);\n }\n \n- desiredSize() {\n+ desiredSize(): Size | IntrinsicSize {\n return this._contentView.desiredSize();\n }\n \ndiff --git a\/packages\/react-devtools-timeline\/src\/view-base\/resizable\/ResizableView.js b\/packages\/react-devtools-timeline\/src\/view-base\/resizable\/ResizableView.js\nindex 6af75bb058..0be8d51b81 100644\n--- a\/packages\/react-devtools-timeline\/src\/view-base\/resizable\/ResizableView.js\n+++ b\/packages\/react-devtools-timeline\/src\/view-base\/resizable\/ResizableView.js\n@@ -78,7 +78,7 @@ export class ResizableView extends View {\n this._restoreMutableViewState();\n }\n \n- desiredSize() {\n+ desiredSize(): {+height: number, +width: number} {\n const subviewDesiredSize = this._subview.desiredSize();\n \n if (this._shouldRenderResizeBar()) {\n@@ -132,7 +132,7 @@ export class ResizableView extends View {\n this.setNeedsDisplay();\n }\n \n- _shouldRenderResizeBar() {\n+ _shouldRenderResizeBar(): boolean {\n const subviewDesiredSize = this._subview.desiredSize();\n return subviewDesiredSize.hideScrollBarIfLessThanHeight != null\n ? subviewDesiredSize.height >\n@@ -195,7 +195,7 @@ export class ResizableView extends View {\n });\n }\n \n- _handleClick(interaction: ClickInteraction) {\n+ _handleClick(interaction: ClickInteraction): void | boolean {\n if (!this._shouldRenderResizeBar()) {\n return;\n }\n@@ -216,7 +216,7 @@ export class ResizableView extends View {\n }\n }\n \n- _handleDoubleClick(interaction: DoubleClickInteraction) {\n+ _handleDoubleClick(interaction: DoubleClickInteraction): void | boolean {\n if (!this._shouldRenderResizeBar()) {\n return;\n }\n@@ -236,7 +236,7 @@ export class ResizableView extends View {\n }\n }\n \n- _handleMouseDown(interaction: MouseDownInteraction) {\n+ _handleMouseDown(interaction: MouseDownInteraction): void | boolean {\n const cursorLocation = interaction.payload.location;\n const resizeBarFrame = this._resizeBar.frame;\n if (rectContainsPoint(cursorLocation, resizeBarFrame)) {\n@@ -250,7 +250,7 @@ export class ResizableView extends View {\n }\n }\n \n- _handleMouseMove(interaction: MouseMoveInteraction) {\n+ _handleMouseMove(interaction: MouseMoveInteraction): void | boolean {\n const {_resizingState} = this;\n if (_resizingState) {\n this._resizingState = {\n@@ -279,7 +279,10 @@ export class ResizableView extends View {\n }\n }\n \n- handleInteraction(interaction: Interaction, viewRefs: ViewRefs) {\n+ handleInteraction(\n+ interaction: Interaction,\n+ viewRefs: ViewRefs,\n+ ): void | boolean {\n switch (interaction.type) {\n case 'click':\n return this._handleClick(interaction);\ndiff --git a\/packages\/react-devtools-timeline\/src\/view-base\/vertical-scroll-overflow\/VerticalScrollBarView.js b\/packages\/react-devtools-timeline\/src\/view-base\/vertical-scroll-overflow\/VerticalScrollBarView.js\nindex 0195e0a796..2d082de2fc 100644\n--- a\/packages\/react-devtools-timeline\/src\/view-base\/vertical-scroll-overflow\/VerticalScrollBarView.js\n+++ b\/packages\/react-devtools-timeline\/src\/view-base\/vertical-scroll-overflow\/VerticalScrollBarView.js\n@@ -52,7 +52,7 @@ export class VerticalScrollBarView extends View {\n this._verticalScrollOverflowView = verticalScrollOverflowView;\n }\n \n- desiredSize() {\n+ desiredSize(): {+height: number, +width: number} {\n return {\n width: SCROLL_BAR_SIZE,\n height: 0, \/\/ No desired height\ndiff --git a\/packages\/react-devtools-timeline\/src\/view-base\/vertical-scroll-overflow\/VerticalScrollOverflowView.js b\/packages\/react-devtools-timeline\/src\/view-base\/vertical-scroll-overflow\/VerticalScrollOverflowView.js\nindex 37f96f16c2..f9875bdcb8 100644\n--- a\/packages\/react-devtools-timeline\/src\/view-base\/vertical-scroll-overflow\/VerticalScrollOverflowView.js\n+++ b\/packages\/react-devtools-timeline\/src\/view-base\/vertical-scroll-overflow\/VerticalScrollOverflowView.js\n@@ -72,10 +72,10 @@ export class VerticalScrollOverflowView extends View {\n this.setNeedsDisplay();\n }\n \n- _onVerticalScrollViewChange = (\n+ _onVerticalScrollViewChange: (\n scrollState: ScrollState,\n containerLength: number,\n- ) => {\n+ ) => void = (scrollState: ScrollState, containerLength: number) => {\n const maxOffset = scrollState.length - containerLength;\n if (maxOffset === 0) {\n return;\n","body":"","files":[{"status":"M","path":"packages\/react-devtools-core\/src\/standalone.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/backend\/views\/utils.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/bridge.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/constants.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/ContextMenu\/Contexts.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/utils.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ButtonIcon.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Badge.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/CannotSuspendWarningMessage.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/ComponentSearchInput.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/EditableName.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/EditableValue.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Element.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/HocBadges.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectHostNodesToggle.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElement.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContextTree.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementErrorBoundary.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementErrorsAndWarningsTree.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementHooksTree.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementPropsTree.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementStateTree.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementStyleXPlugin.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementSuspenseToggle.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementView.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/LoadingAnimation.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/AutoSizeInput.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/LayoutViewer.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/StyleEditor.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/index.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NewArrayValue.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NewKeyValue.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersStack.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/SelectedTreeHighlight.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Tree.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/reach-ui\/menu-button.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/reach-ui\/tooltip.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/DevTools.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/CaughtErrorView.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ErrorView.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/ReportNewIssue.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/SearchingGitHubIssues.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/SuspendingErrorView.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/TimeoutView.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/UnsupportedBridgeOperationView.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/UpdateExistingIssue.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/WorkplaceGroup.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Icon.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ModalDialog.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ChartNode.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ClearProfilingDataButton.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitFlamegraph.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitRanked.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/HoveredFiberInfo.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/NoCommitData.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/NoProfilingData.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProcessingData.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilerContext.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilingImportExportButtons.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ProfilingNotSupported.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RecordToggle.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RecordingInProgress.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/ReloadAndProfileButton.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/RootSelector.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarCommitInfo.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarEventInfo.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SidebarSelectedFiberInfo.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SnapshotCommitList.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/SnapshotSelector.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Tooltip.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/Updaters.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/WhatChanged.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/utils.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ReactLogo.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/SearchInput.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/ComponentsSettings.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/DebuggingSettings.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/GeneralSettings.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/ProfilerSettings.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModal.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Settings\/SettingsModalContextToggle.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/TabBar.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ThemeProvider.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Toggle.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/WarnIfLegacyBackendDetected.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/hooks.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/hydration.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/DeeplyNestedComponents\/index.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/EditableProps\/index.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/ElementTypes\/index.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/ErrorBoundaries\/index.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/Hydration\/index.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/Iframe\/index.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/InlineWarnings\/index.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/InspectableElements\/CircularReferences.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/InspectableElements\/CustomHooks.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/InspectableElements\/CustomObject.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/InspectableElements\/EdgeCaseObjects.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/InspectableElements\/InspectableElements.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/InspectableElements\/NestedProps.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/InspectableElements\/SymbolKeys.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/InspectableElements\/UnserializableProps.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/PartiallyStrictApp\/index.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/ReactNativeWeb\/index.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/SuspenseTree\/index.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/ToDoList\/List.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/e2e-apps\/ListApp.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/e2e-apps\/ListAppLegacy.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/CanvasPage.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/EventTooltip.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/Timeline.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/TimelineNotSupported.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/TimelineSearchInput.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/ComponentMeasuresView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/FlamechartView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/NativeEventsView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/NetworkMeasuresView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/ReactMeasuresView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/SchedulingEventsView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/SnapshotsView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/SuspenseEventsView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/ThrownErrorsView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/TimeAxisMarkersView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/UserTimingMarksView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/constants.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/utils\/formatting.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/utils\/getBatchRange.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/utils\/useSmartTooltip.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/view-base\/HorizontalPanAndZoomView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/view-base\/resizable\/ResizableView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/view-base\/vertical-scroll-overflow\/VerticalScrollBarView.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/view-base\/vertical-scroll-overflow\/VerticalScrollOverflowView.js"}],"parents":["271bf90a94bf177e16e4482e6060c57f742eaf61"]}

dillon1000/react

Files changed