{"commit":{"revision":"6ddcbd4f96cb103de3978617a53c200baf5b546c","authorEmail":"jkassens@meta.com","subject":"[flow] enable LTI inference mode (#26104)","authoredAt":"2023-02-09T17:07:39-05:00","shortRevision":"6ddcbd4f96","authorName":"Jan Kassens"},"body":"This is the next generation inference mode for Flow.","parents":["53b1f69ba6c08083e4934373d3f6f2e31b232874"],"files":[{"status":"M","path":"package.json"},{"status":"M","path":"packages\/jest-react\/src\/internalAct.js"},{"status":"M","path":"packages\/react-cache\/src\/ReactCacheOld.js"},{"status":"M","path":"packages\/react-client\/src\/ReactFlightClient.js"},{"status":"M","path":"packages\/react-debug-tools\/src\/ReactDebugHooks.js"},{"status":"M","path":"packages\/react-devtools-core\/src\/backend.js"},{"status":"M","path":"packages\/react-devtools-core\/src\/editor.js"},{"status":"M","path":"packages\/react-devtools-core\/src\/standalone.js"},{"status":"M","path":"packages\/react-devtools-extensions\/src\/backend.js"},{"status":"M","path":"packages\/react-devtools-inline\/src\/backend.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/backend\/DevToolsComponentStackFrame.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/backend\/StyleX\/utils.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/backend\/profilingHooks.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/backend\/renderer.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/backend\/utils.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/backend\/views\/utils.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/store.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\/InspectedElementContext.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\/context.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersListContext.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Components\/Tree.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/cache.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\/CommitRankedListItem.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitTreeBuilder.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/FlamegraphChartBuilder.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\/SnapshotSelector.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\/ProfilerSettings.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/devtools\/views\/TabBar.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\/dynamicImportCache.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/hook.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/hookNamesCache.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/hooks\/SourceMapMetadataConsumer.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/hooks\/generateHookMap.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/hooks\/parseHookNames\/index.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/hooks\/parseHookNames\/loadSourceAndMetadata.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/hydration.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/inspectedElementCache.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/utils.js"},{"status":"M","path":"packages\/react-devtools-shell\/src\/app\/ElementTypes\/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\/SymbolKeys.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-timeline\/src\/CanvasPage.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/content-views\/utils\/text.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/import-worker\/preprocessData.js"},{"status":"M","path":"packages\/react-devtools-timeline\/src\/timelineCache.js"},{"status":"M","path":"packages\/react-devtools\/app.js"},{"status":"M","path":"packages\/react-dom-bindings\/src\/client\/ReactDOMEventHandle.js"},{"status":"M","path":"packages\/react-dom-bindings\/src\/client\/setInnerHTML.js"},{"status":"M","path":"packages\/react-dom-bindings\/src\/events\/DOMPluginEventSystem.js"},{"status":"M","path":"packages\/react-dom-bindings\/src\/events\/plugins\/ChangeEventPlugin.js"},{"status":"M","path":"packages\/react-dom-bindings\/src\/server\/ReactDOMServerExternalRuntime.js"},{"status":"M","path":"packages\/react-dom-bindings\/src\/server\/ReactDOMServerFormatConfig.js"},{"status":"M","path":"packages\/react-dom-bindings\/src\/shared\/ReactDOMResourceValidation.js"},{"status":"M","path":"packages\/react-dom\/src\/client\/ReactDOMLegacy.js"},{"status":"M","path":"packages\/react-dom\/src\/server\/ReactDOMFizzServerBrowser.js"},{"status":"M","path":"packages\/react-dom\/src\/server\/ReactDOMFizzServerBun.js"},{"status":"M","path":"packages\/react-dom\/src\/server\/ReactDOMFizzServerEdge.js"},{"status":"M","path":"packages\/react-dom\/src\/server\/ReactDOMFizzStaticNode.js"},{"status":"M","path":"packages\/react-interactions\/events\/src\/dom\/create-event-handle\/useEvent.js"},{"status":"M","path":"packages\/react-native-renderer\/src\/ReactFabric.js"},{"status":"M","path":"packages\/react-native-renderer\/src\/ReactFabricEventEmitter.js"},{"status":"M","path":"packages\/react-native-renderer\/src\/ReactNativeAttributePayload.js"},{"status":"M","path":"packages\/react-native-renderer\/src\/ReactNativeEventEmitter.js"},{"status":"M","path":"packages\/react-native-renderer\/src\/ReactNativeFiberInspector.js"},{"status":"M","path":"packages\/react-native-renderer\/src\/ReactNativeRenderer.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactChildFiber.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberBeginWork.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberClassComponent.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberClassUpdateQueue.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberCompleteWork.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberHooks.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberHotReloading.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberReconciler.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberTreeReflection.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberWorkLoop.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactProfilerTimer.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactStrictModeWarnings.js"},{"status":"M","path":"packages\/react-refresh\/src\/ReactFreshRuntime.js"},{"status":"M","path":"packages\/react-server-dom-relay\/src\/ReactFlightDOMRelayClientHostConfig.js"},{"status":"M","path":"packages\/react-server-dom-webpack\/src\/ReactFlightDOMClient.js"},{"status":"M","path":"packages\/react-server-dom-webpack\/src\/ReactFlightWebpackNodeRegister.js"},{"status":"M","path":"packages\/react-server-native-relay\/src\/ReactFlightNativeRelayClientHostConfig.js"},{"status":"M","path":"packages\/react-server\/src\/ReactFizzClassComponent.js"},{"status":"M","path":"packages\/react-server\/src\/ReactFizzHooks.js"},{"status":"M","path":"packages\/react-server\/src\/ReactFizzServer.js"},{"status":"M","path":"packages\/react-server\/src\/ReactFlightHooks.js"},{"status":"M","path":"packages\/react-server\/src\/ReactFlightServer.js"},{"status":"M","path":"packages\/react-server\/src\/ReactServerStreamConfigNode.js"},{"status":"M","path":"packages\/react-test-renderer\/src\/ReactTestHostConfig.js"},{"status":"M","path":"packages\/react-test-renderer\/src\/ReactTestRenderer.js"},{"status":"M","path":"packages\/react\/src\/ReactAct.js"},{"status":"M","path":"packages\/react\/src\/ReactCache.js"},{"status":"M","path":"packages\/react\/src\/ReactHooks.js"},{"status":"M","path":"packages\/shared\/ReactComponentStackFrame.js"},{"status":"M","path":"packages\/use-sync-external-store\/src\/useSyncExternalStoreWithSelector.js"},{"status":"M","path":"scripts\/flow\/config\/flowconfig"},{"status":"M","path":"yarn.lock"}],"patch":"diff --git a\/package.json b\/package.json\nindex dc1c903370..b10894522b 100644\n--- a\/package.json\n+++ b\/package.json\n@@ -61,7 +61,7 @@\n \"eslint-plugin-react-internal\": \"link:.\/scripts\/eslint-rules\",\n \"fbjs-scripts\": \"^3.0.1\",\n \"filesize\": \"^6.0.1\",\n- \"flow-bin\": \"^0.199.0\",\n+ \"flow-bin\": \"^0.199.1\",\n \"flow-remove-types\": \"^2.198.2\",\n \"glob\": \"^7.1.6\",\n \"glob-stream\": \"^6.1.0\",\ndiff --git a\/packages\/jest-react\/src\/internalAct.js b\/packages\/jest-react\/src\/internalAct.js\nindex 97ce6a655e..5d87891e71 100644\n--- a\/packages\/jest-react\/src\/internalAct.js\n+++ b\/packages\/jest-react\/src\/internalAct.js\n@@ -77,7 +77,7 @@ export function act(scope: () => Thenable | T): Thenable {\n ) {\n const thenableResult: Thenable = (result: any);\n return {\n- then(resolve, reject) {\n+ then(resolve: T => mixed, reject: mixed => mixed) {\n thenableResult.then(\n returnValue => {\n flushActWork(\n@@ -108,7 +108,7 @@ export function act(scope: () => Thenable | T): Thenable {\n didFlushWork = Scheduler.unstable_flushAllWithoutAsserting();\n } while (didFlushWork);\n return {\n- then(resolve, reject) {\n+ then(resolve: T => mixed, reject: mixed => mixed) {\n resolve(returnValue);\n },\n };\ndiff --git a\/packages\/react-cache\/src\/ReactCacheOld.js b\/packages\/react-cache\/src\/ReactCacheOld.js\nindex db316c7422..523a9f48c1 100644\n--- a\/packages\/react-cache\/src\/ReactCacheOld.js\n+++ b\/packages\/react-cache\/src\/ReactCacheOld.js\n@@ -85,11 +85,11 @@ function identityHashFn(input) {\n }\n \n const CACHE_LIMIT = 500;\n-const lru = createLRU(CACHE_LIMIT);\n+const lru = createLRU<$FlowFixMe>(CACHE_LIMIT);\n \n const entries: Map, Map> = new Map();\n \n-const CacheContext = React.createContext(null);\n+const CacheContext = React.createContext(null);\n \n function accessResult(\n resource: any,\ndiff --git a\/packages\/react-client\/src\/ReactFlightClient.js b\/packages\/react-client\/src\/ReactFlightClient.js\nindex 624efb7428..615ab130df 100644\n--- a\/packages\/react-client\/src\/ReactFlightClient.js\n+++ b\/packages\/react-client\/src\/ReactFlightClient.js\n@@ -129,13 +129,13 @@ Chunk.prototype.then = function (\n case BLOCKED:\n if (resolve) {\n if (chunk.value === null) {\n- chunk.value = [];\n+ chunk.value = ([]: Array<(T) => mixed>);\n }\n chunk.value.push(resolve);\n }\n if (reject) {\n if (chunk.reason === null) {\n- chunk.reason = [];\n+ chunk.reason = ([]: Array<(mixed) => mixed>);\n }\n chunk.reason.push(reject);\n }\n@@ -435,7 +435,7 @@ function createModelResolver(\n chunk: SomeChunk,\n parentObject: Object,\n key: string,\n-) {\n+): (value: any) => void {\n let blocked;\n if (initializingChunkBlockedModel) {\n blocked = initializingChunkBlockedModel;\n@@ -446,7 +446,6 @@ function createModelResolver(\n value: null,\n };\n }\n- \/\/ $FlowFixMe[missing-local-annot]\n return value => {\n parentObject[key] = value;\n blocked.deps--;\n@@ -465,7 +464,7 @@ function createModelResolver(\n };\n }\n \n-function createModelReject(chunk: SomeChunk) {\n+function createModelReject(chunk: SomeChunk): (error: mixed) => void {\n return (error: mixed) => triggerErrorOnChunk(chunk, error);\n }\n \n@@ -583,7 +582,7 @@ export function resolveModule(\n const chunks = response._chunks;\n const chunk = chunks.get(id);\n const moduleMetaData: ModuleMetaData = parseModel(response, model);\n- const moduleReference = resolveClientReference(\n+ const moduleReference = resolveClientReference<$FlowFixMe>(\n response._bundlerConfig,\n moduleMetaData,\n );\ndiff --git a\/packages\/react-debug-tools\/src\/ReactDebugHooks.js b\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\nindex 56c6e376da..c6ee8a6d25 100644\n--- a\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\n+++ b\/packages\/react-debug-tools\/src\/ReactDebugHooks.js\n@@ -60,13 +60,13 @@ function getPrimitiveStackCache(): Map> {\n \/\/ This initializes a cache of all primitive hooks so that the top\n \/\/ most stack frames added by calling the primitive hook can be removed.\n if (primitiveStackCache === null) {\n- const cache = new Map();\n+ const cache = new Map>();\n let readHookLog;\n try {\n \/\/ Use all hooks here to add them to the hook log.\n Dispatcher.useContext(({_currentValue: null}: any));\n Dispatcher.useState(null);\n- Dispatcher.useReducer((s, a) => s, null);\n+ Dispatcher.useReducer((s: mixed, a: mixed) => s, null);\n Dispatcher.useRef(null);\n if (typeof Dispatcher.useCacheRefresh === 'function') {\n \/\/ This type check is for Flow only.\n@@ -809,7 +809,7 @@ export function inspectHooksOfFiber(\n \/\/ Set up the current hook so that we can step through and read the\n \/\/ current state from them.\n currentHook = (fiber.memoizedState: Hook);\n- const contextMap = new Map();\n+ const contextMap = new Map, $FlowFixMe>();\n try {\n setupContexts(contextMap, fiber);\n if (fiber.tag === ForwardRef) {\ndiff --git a\/packages\/react-devtools-core\/src\/backend.js b\/packages\/react-devtools-core\/src\/backend.js\nindex 3a43c9bef7..27faa9f15d 100644\n--- a\/packages\/react-devtools-core\/src\/backend.js\n+++ b\/packages\/react-devtools-core\/src\/backend.js\n@@ -67,7 +67,7 @@ export function connectToDevTools(options: ?ConnectOptions) {\n useHttps = false,\n port = 8097,\n websocket,\n- resolveRNStyle = null,\n+ resolveRNStyle = (null: $FlowFixMe),\n retryConnectionDelay = 2000,\n isAppActive = () => true,\n devToolsSettingsManager,\n@@ -230,7 +230,7 @@ export function connectToDevTools(options: ?ConnectOptions) {\n get() {\n return lazyResolveRNStyle;\n },\n- set(value) {\n+ set(value: $FlowFixMe) {\n lazyResolveRNStyle = value;\n initAfterTick();\n },\n@@ -246,7 +246,7 @@ export function connectToDevTools(options: ?ConnectOptions) {\n get() {\n return lazyNativeStyleEditorValidAttributes;\n },\n- set(value) {\n+ set(value: $FlowFixMe) {\n lazyNativeStyleEditorValidAttributes = value;\n initAfterTick();\n },\ndiff --git a\/packages\/react-devtools-core\/src\/editor.js b\/packages\/react-devtools-core\/src\/editor.js\nindex 0172d0a156..50728c941c 100644\n--- a\/packages\/react-devtools-core\/src\/editor.js\n+++ b\/packages\/react-devtools-core\/src\/editor.js\n@@ -188,7 +188,7 @@ export function launchEditor(\n }\n childProcess.on('error', function () {});\n \/\/ $FlowFixMe[incompatible-use] found when upgrading Flow\n- childProcess.on('exit', function (errorCode) {\n+ childProcess.on('exit', function () {\n childProcess = null;\n });\n }\ndiff --git a\/packages\/react-devtools-core\/src\/standalone.js b\/packages\/react-devtools-core\/src\/standalone.js\nindex 12b76dae90..eba5b89be5 100644\n--- a\/packages\/react-devtools-core\/src\/standalone.js\n+++ b\/packages\/react-devtools-core\/src\/standalone.js\n@@ -168,7 +168,7 @@ function onDisconnected() {\n }\n \n \/\/ $FlowFixMe[missing-local-annot]\n-function onError({code, message}) {\n+function onError({code, message}: $FlowFixMe) {\n safeUnmount();\n \n if (code === 'EADDRINUSE') {\n@@ -335,13 +335,13 @@ function startServer(\n initialize(socket);\n });\n \n- server.on('error', event => {\n+ server.on('error', (event: $FlowFixMe) => {\n onError(event);\n log.error('Failed to start the DevTools server', event);\n startServerTimeoutID = setTimeout(() => startServer(port), 1000);\n });\n \n- httpServer.on('request', (request, response) => {\n+ httpServer.on('request', (request: $FlowFixMe, response: $FlowFixMe) => {\n \/\/ Serve a file that immediately sets up the connection.\n const backendFile = readFileSync(join(__dirname, 'backend.js'));\n \n@@ -377,7 +377,7 @@ function startServer(\n );\n });\n \n- httpServer.on('error', event => {\n+ httpServer.on('error', (event: $FlowFixMe) => {\n onError(event);\n statusListener('Failed to start the server.', 'error');\n startServerTimeoutID = setTimeout(() => startServer(port), 1000);\ndiff --git a\/packages\/react-devtools-extensions\/src\/backend.js b\/packages\/react-devtools-extensions\/src\/backend.js\nindex acfead859d..cbd4600e98 100644\n--- a\/packages\/react-devtools-extensions\/src\/backend.js\n+++ b\/packages\/react-devtools-extensions\/src\/backend.js\n@@ -9,7 +9,7 @@\n let welcomeHasInitialized = false;\n \n \/\/ $FlowFixMe[missing-local-annot]\n-function welcome(event) {\n+function welcome(event: $FlowFixMe) {\n if (\n event.source !== window ||\n event.data.source !== 'react-devtools-content-script'\n@@ -56,8 +56,7 @@ function setup(hook: any) {\n \n const bridge = new Bridge({\n listen(fn) {\n- \/\/ $FlowFixMe[missing-local-annot]\n- const listener = event => {\n+ const listener = (event: $FlowFixMe) => {\n if (\n event.source !== window ||\n !event.data ||\ndiff --git a\/packages\/react-devtools-inline\/src\/backend.js b\/packages\/react-devtools-inline\/src\/backend.js\nindex 8f949fbc8c..eb70e9d15b 100644\n--- a\/packages\/react-devtools-inline\/src\/backend.js\n+++ b\/packages\/react-devtools-inline\/src\/backend.js\n@@ -10,8 +10,7 @@ import type {BackendBridge} from 'react-devtools-shared\/src\/bridge';\n import type {Wall} from 'react-devtools-shared\/src\/types';\n \n function startActivation(contentWindow: any, bridge: BackendBridge) {\n- \/\/ $FlowFixMe[missing-local-annot]\n- const onSavedPreferences = data => {\n+ const onSavedPreferences = (data: $FlowFixMe) => {\n \/\/ This is the only message we're listening for,\n \/\/ so it's safe to cleanup after we've received it.\n bridge.removeListener('savedPreferences', onSavedPreferences);\n@@ -102,8 +101,7 @@ export function createBridge(contentWindow: any, wall?: Wall): BackendBridge {\n if (wall == null) {\n wall = {\n listen(fn) {\n- \/\/ $FlowFixMe[missing-local-annot]\n- const onMessage = ({data}) => {\n+ const onMessage = ({data}: $FlowFixMe) => {\n fn(data);\n };\n contentWindow.addEventListener('message', onMessage);\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/DevToolsComponentStackFrame.js b\/packages\/react-devtools-shared\/src\/backend\/DevToolsComponentStackFrame.js\nindex 3473b230cd..a6aacaeec8 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/DevToolsComponentStackFrame.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/DevToolsComponentStackFrame.js\n@@ -54,7 +54,7 @@ let reentry = false;\n let componentFrameCache;\n if (__DEV__) {\n const PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;\n- componentFrameCache = new PossiblyWeakMap();\n+ componentFrameCache = new PossiblyWeakMap<$FlowFixMe, string>();\n }\n \n export function describeNativeComponentFrame(\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/StyleX\/utils.js b\/packages\/react-devtools-shared\/src\/backend\/StyleX\/utils.js\nindex 05a986b5c7..d99362766f 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/StyleX\/utils.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/StyleX\/utils.js\n@@ -13,7 +13,7 @@ import isArray from 'react-devtools-shared\/src\/isArray';\n const cachedStyleNameToValueMap: Map = new Map();\n \n export function getStyleXData(data: any): StyleXPlugin {\n- const sources = new Set();\n+ const sources = new Set();\n const resolvedStyles = {};\n \n crawlData(data, sources, resolvedStyles);\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js b\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\nindex 80619eb70e..92e7d91c37 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/legacy\/renderer.js\n@@ -503,7 +503,7 @@ export function attach(\n const numUnmountIDs =\n pendingUnmountedIDs.length + (pendingUnmountedRootID === null ? 0 : 1);\n \n- const operations = new Array(\n+ const operations = new Array(\n \/\/ Identify which renderer this update is coming from.\n 2 + \/\/ [rendererID, rootFiberID]\n \/\/ How big is the string table?\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/profilingHooks.js b\/packages\/react-devtools-shared\/src\/backend\/profilingHooks.js\nindex e68f60450a..95ebb50734 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/profilingHooks.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/profilingHooks.js\n@@ -18,14 +18,16 @@ import type {Fiber} from 'react-reconciler\/src\/ReactInternalTypes';\n import type {Wakeable} from 'shared\/ReactTypes';\n import type {\n BatchUID,\n+ InternalModuleSourceToRanges,\n LaneToLabelMap,\n ReactComponentMeasure,\n+ ReactLane,\n ReactMeasure,\n ReactMeasureType,\n- TimelineData,\n- SuspenseEvent,\n- SchedulingEvent,\n ReactScheduleStateUpdateEvent,\n+ SchedulingEvent,\n+ SuspenseEvent,\n+ TimelineData,\n } from 'react-devtools-timeline\/src\/types';\n \n import isArray from 'shared\/isArray';\n@@ -837,7 +839,8 @@ export function createProfilingHooks({\n isProfiling = value;\n \n if (isProfiling) {\n- const internalModuleSourceToRanges = new Map();\n+ const internalModuleSourceToRanges: InternalModuleSourceToRanges =\n+ new Map();\n \n if (supportsUserTimingV3) {\n const ranges = getInternalModuleRanges();\n@@ -856,7 +859,7 @@ export function createProfilingHooks({\n }\n }\n \n- const laneToReactMeasureMap = new Map();\n+ const laneToReactMeasureMap = new Map();\n let lane = 1;\n for (let index = 0; index < REACT_TOTAL_NUM_LANES; index++) {\n laneToReactMeasureMap.set(lane, []);\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/renderer.js b\/packages\/react-devtools-shared\/src\/backend\/renderer.js\nindex cf2660fc69..4d71e6e9f0 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/renderer.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/renderer.js\n@@ -415,7 +415,7 @@ export function getInternalReactConstants(version: string): {\n TracingMarkerComponent,\n } = ReactTypeOfWork;\n \n- function resolveFiberType(type: any) {\n+ function resolveFiberType(type: any): $FlowFixMe {\n const typeSymbol = getTypeSymbol(type);\n switch (typeSymbol) {\n case MEMO_NUMBER:\n@@ -1627,7 +1627,7 @@ export function attach(\n }\n }\n \n- let flushPendingErrorsAndWarningsAfterDelayTimeoutID = null;\n+ let flushPendingErrorsAndWarningsAfterDelayTimeoutID: null | TimeoutID = null;\n \n function clearPendingErrorsAndWarningsAfterDelay() {\n if (flushPendingErrorsAndWarningsAfterDelayTimeoutID !== null) {\n@@ -1790,7 +1790,7 @@ export function attach(\n pendingSimulatedUnmountedIDs.length +\n (pendingUnmountedRootID === null ? 0 : 1);\n \n- const operations = new Array(\n+ const operations = new Array(\n \/\/ Identify which renderer this update is coming from.\n 2 + \/\/ [rendererID, rootFiberID]\n \/\/ How big is the string table?\n@@ -4144,7 +4144,7 @@ export function attach(\n \n \/\/ Map of id and its force error status: true (error), false (toggled off),\n \/\/ null (do nothing)\n- const forceErrorForFiberIDs = new Map();\n+ const forceErrorForFiberIDs = new Map();\n \n function shouldErrorFiberAccordingToMap(fiber: any) {\n if (typeof setErrorHandler !== 'function') {\n@@ -4209,7 +4209,7 @@ export function attach(\n return false;\n }\n \n- const forceFallbackForSuspenseIDs = new Set();\n+ const forceFallbackForSuspenseIDs = new Set();\n \n function shouldSuspendFiberAccordingToSet(fiber: any) {\n const maybeID = getFiberIDUnsafe(((fiber: any): Fiber));\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/utils.js b\/packages\/react-devtools-shared\/src\/backend\/utils.js\nindex 7ae15e173d..f5979a9d58 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/utils.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/utils.js\n@@ -144,7 +144,7 @@ export function getEffectDurations(root: Object): {\n }\n \n export function serializeToString(data: any): string {\n- const cache = new Set();\n+ const cache = new Set();\n \/\/ Use a custom replacer function to protect against circular references.\n return JSON.stringify(data, (key, value) => {\n if (typeof value === 'object' && value !== null) {\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/views\/utils.js b\/packages\/react-devtools-shared\/src\/backend\/views\/utils.js\nindex 47808a4b27..989a0d7b6c 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/views\/utils.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/views\/utils.js\n@@ -83,7 +83,7 @@ export function getNestedBoundingClientRect(\n ): Rect {\n const ownerIframe = getOwnerIframe(node);\n if (ownerIframe && ownerIframe !== boundaryWindow) {\n- const rects = [node.getBoundingClientRect()];\n+ const rects: Array = [node.getBoundingClientRect()];\n let currentIframe: null | HTMLElement = ownerIframe;\n let onlyOneMore = false;\n while (currentIframe) {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js b\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js\nindex 0f9caaabc5..4f530939f0 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/ProfilerStore.js\n@@ -308,7 +308,7 @@ export default class ProfilerStore extends EventEmitter<{\n \/\/ Record snapshot of tree at the time profiling is started.\n \/\/ This info is required to handle cases of e.g. nodes being removed during profiling.\n this._store.roots.forEach(rootID => {\n- const profilingSnapshots = new Map();\n+ const profilingSnapshots = new Map();\n this._initialSnapshotsByRootID.set(rootID, profilingSnapshots);\n this._takeProfilingSnapshotRecursive(rootID, profilingSnapshots);\n });\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/store.js b\/packages\/react-devtools-shared\/src\/devtools\/store.js\nindex 93251b839f..ba7ae80953 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/store.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/store.js\n@@ -642,7 +642,7 @@ export default class Store extends EventEmitter<{\n }\n \n getOwnersListForElement(ownerID: number): Array {\n- const list = [];\n+ const list: Array = [];\n const element = this._idToElement.get(ownerID);\n if (element != null) {\n list.push({\n@@ -900,7 +900,7 @@ export default class Store extends EventEmitter<{\n let i = 2;\n \n \/\/ Reassemble the string table.\n- const stringTable = [\n+ const stringTable: Array = [\n null, \/\/ ID = 0 corresponds to the null string.\n ];\n const stringTableSize = operations[i++];\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 3c6d537b47..54ac2f561d 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@@ -43,7 +43,7 @@ export default function EditableName({\n const [isValid, setIsValid] = useState(false);\n \n const handleChange = useCallback(\n- ({target}) => {\n+ ({target}: $FlowFixMe) => {\n let value = target.value;\n if (!allowWhiteSpace) {\n value = value.trim();\n@@ -61,7 +61,7 @@ export default function EditableName({\n );\n \n const handleKeyDown = useCallback(\n- event => {\n+ (event: $FlowFixMe) => {\n \/\/ Prevent keydown events from e.g. change selected element in the tree\n event.stopPropagation();\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js\nindex 19c950f96a..ad17311d5e 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/InspectedElementContext.js\n@@ -177,7 +177,7 @@ export function InspectedElementContextController({\n [setState, state],\n );\n \n- const inspectedElementRef = useRef(null);\n+ const inspectedElementRef = useRef(null);\n useEffect(() => {\n if (\n inspectedElement !== null &&\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 5b7cdf8563..8967ea68c9 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@@ -288,7 +288,7 @@ function Field({\n onChange(event.target.value)}\n+ onChange={(event: $FlowFixMe) => onChange(event.target.value)}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n value={value}\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/context.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/context.js\nindex 62d3cbce63..d405dc1d54 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/context.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/NativeStyleEditor\/context.js\n@@ -72,9 +72,9 @@ const resource: Resource =\n resolveFn = resolve;\n });\n \n- inProgressRequests.set(element, {promise, resolveFn});\n+ inProgressRequests.set(element, ({promise, resolveFn}: $FlowFixMe));\n \n- return promise;\n+ return (promise: $FlowFixMe);\n },\n (element: Element) => element,\n {useWeakMap: true},\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersListContext.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersListContext.js\nindex 36d818a26b..5359032174 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersListContext.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Components\/OwnersListContext.js\n@@ -61,7 +61,7 @@ const resource: Resource<\n \/\/ $FlowFixMe[incompatible-call] found when upgrading Flow\n inProgressRequests.set(element, {promise, resolveFn});\n \n- return promise;\n+ return (promise: $FlowFixMe);\n },\n (element: Element) => element,\n {useWeakMap: true},\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 57f01ca4d7..c9f1306859 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@@ -87,7 +87,7 @@ export default function Tree(props: Props): React.Node {\n \/\/ meaning the scroll action would be skipped (since ref updates don't re-run effects).\n \/\/ Using a callback ref accounts for this case...\n const listCallbackRef = useCallback(\n- list => {\n+ (list: $FlowFixMe) => {\n if (list != null && selectedElementIndex !== null) {\n list.scrollToItem(selectedElementIndex, 'smart');\n }\n@@ -226,7 +226,7 @@ export default function Tree(props: Props): React.Node {\n }, [dispatch, numElements, selectedElementIndex]);\n \n const handleKeyPress = useCallback(\n- event => {\n+ (event: $FlowFixMe) => {\n switch (event.key) {\n case 'Enter':\n case ' ':\n@@ -272,7 +272,7 @@ export default function Tree(props: Props): React.Node {\n \n \/\/ Highlight last hovered element.\n const handleElementMouseEnter = useCallback(\n- id => {\n+ (id: $FlowFixMe) => {\n \/\/ Ignore hover while we're navigating with keyboard.\n \/\/ This avoids flicker from the hovered nodes under the mouse.\n if (!isNavigatingWithKeyboard) {\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/cache.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/cache.js\nindex 9890b6402f..eca76be605 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/cache.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/ErrorBoundary\/cache.js\n@@ -65,9 +65,9 @@ export function findGitHubIssue(errorMessage: string): GitHubIssue | null {\n let record = map.get(errorMessage);\n \n if (!record) {\n- const callbacks = new Set();\n+ const callbacks = new Set<() => mixed>();\n const wakeable: Wakeable = {\n- then(callback) {\n+ then(callback: () => mixed) {\n callbacks.add(callback);\n },\n \ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitFlamegraph.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitFlamegraph.js\nindex f552964e0c..b1dceb9286 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitFlamegraph.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitFlamegraph.js\n@@ -45,7 +45,7 @@ export default function CommitFlamegraphAutoSizer(_: {}): React.Node {\n const {profilingCache} = profilerStore;\n \n const deselectCurrentFiber = useCallback(\n- event => {\n+ (event: $FlowFixMe) => {\n event.stopPropagation();\n selectFiber(null, null);\n },\n@@ -126,7 +126,7 @@ function CommitFlamegraph({chartData, commitTree, height, width}: Props) {\n }, [chartData, selectedFiberID, selectedChartNodeIndex]);\n \n const handleElementMouseEnter = useCallback(\n- ({id, name}) => {\n+ ({id, name}: $FlowFixMe) => {\n highlightNativeElement(id); \/\/ Highlight last hovered element.\n setHoveredFiberData({id, name}); \/\/ Set hovered fiber data for tooltip\n },\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitRanked.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitRanked.js\nindex ad72920477..28d507e1f4 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitRanked.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitRanked.js\n@@ -45,7 +45,7 @@ export default function CommitRankedAutoSizer(_: {}): React.Node {\n const {profilingCache} = profilerStore;\n \n const deselectCurrentFiber = useCallback(\n- event => {\n+ (event: $FlowFixMe) => {\n event.stopPropagation();\n selectFiber(null, null);\n },\n@@ -108,7 +108,7 @@ function CommitRanked({chartData, commitTree, height, width}: Props) {\n );\n \n const handleElementMouseEnter = useCallback(\n- ({id, name}) => {\n+ ({id, name}: $FlowFixMe) => {\n highlightNativeElement(id); \/\/ Highlight last hovered element.\n setHoveredFiberData({id, name}); \/\/ Set hovered fiber data for tooltip\n },\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitRankedListItem.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitRankedListItem.js\nindex 6f2d598dc4..f1aafecb7e 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitRankedListItem.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitRankedListItem.js\n@@ -40,7 +40,7 @@ function CommitRankedListItem({data, index, style}: Props) {\n const {lineHeight} = useContext(SettingsContext);\n \n const handleClick = useCallback(\n- event => {\n+ (event: $FlowFixMe) => {\n event.stopPropagation();\n const {id, name} = node;\n selectFiber(id, name);\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitTreeBuilder.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitTreeBuilder.js\nindex 100815a5ad..4ff09adee7 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitTreeBuilder.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/CommitTreeBuilder.js\n@@ -84,7 +84,7 @@ export function getCommitTree({\n \/\/ If this is the very first commit, start with the cached snapshot and apply the first mutation.\n \/\/ Otherwise load (or generate) the previous commit and append a mutation to it.\n if (index === 0) {\n- const nodes = new Map();\n+ const nodes = new Map();\n \n \/\/ Construct the initial tree.\n recursivelyInitializeTree(rootID, 0, nodes, dataForRoot);\n@@ -163,7 +163,7 @@ function updateTree(\n let id: number = ((null: any): number);\n \n \/\/ Reassemble the string table.\n- const stringTable = [\n+ const stringTable: Array = [\n null, \/\/ ID = 0 corresponds to the null string.\n ];\n const stringTableSize = operations[i++];\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/FlamegraphChartBuilder.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/FlamegraphChartBuilder.js\nindex 4b04e4118a..d64bb74648 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/FlamegraphChartBuilder.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/Profiler\/FlamegraphChartBuilder.js\n@@ -63,7 +63,11 @@ export function getChartData({\n let maxSelfDuration = 0;\n \n \/\/ Generate flame graph structure using tree base durations.\n- const walkTree = (id: number, rightOffset: number, currentDepth: number) => {\n+ const walkTree = (\n+ id: number,\n+ rightOffset: number,\n+ currentDepth: number,\n+ ): ChartNode => {\n idToDepthMap.set(id, currentDepth);\n \n const node = nodes.get(id);\n@@ -115,7 +119,11 @@ export function getChartData({\n \n for (let i = children.length - 1; i >= 0; i--) {\n const childID = children[i];\n- const childChartNode = walkTree(childID, rightOffset, currentDepth + 1);\n+ const childChartNode: $FlowFixMe = walkTree(\n+ childID,\n+ rightOffset,\n+ currentDepth + 1,\n+ );\n rightOffset -= childChartNode.treeBaseDuration;\n }\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 3939f9ccdb..00e8952fed 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@@ -28,7 +28,7 @@ export default function RootSelector(_: {}): React.Node {\n }\n \n const handleChange = useCallback(\n- ({currentTarget}) => {\n+ ({currentTarget}: $FlowFixMe) => {\n setRootID(parseInt(currentTarget.value, 10));\n },\n [setRootID],\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 57b26ce15f..088ca0325d 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@@ -45,7 +45,7 @@ export default function SnapshotSelector(_: Props): React.Node {\n \n const filteredCommitIndices = useMemo(\n () =>\n- commitData.reduce((reduced, commitDatum, index) => {\n+ commitData.reduce((reduced: $FlowFixMe, commitDatum, index) => {\n if (\n !isCommitFilterEnabled ||\n commitDatum.duration >= minCommitDuration\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 d607041576..023116060e 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@@ -70,14 +70,14 @@ export default function ComponentsSettings(_: {}): React.Node {\n );\n \n const updateCollapseNodesByDefault = useCallback(\n- ({currentTarget}) => {\n+ ({currentTarget}: $FlowFixMe) => {\n store.collapseNodesByDefault = !currentTarget.checked;\n },\n [store],\n );\n \n const updateParseHookNames = useCallback(\n- ({currentTarget}) => {\n+ ({currentTarget}: $FlowFixMe) => {\n setParseHookNames(currentTarget.checked);\n },\n [setParseHookNames],\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 d61be3e102..25bc08d7ad 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@@ -39,7 +39,7 @@ export default function ProfilerSettings(_: {}): React.Node {\n );\n \n const updateRecordChangeDescriptions = useCallback(\n- ({currentTarget}) => {\n+ ({currentTarget}: $FlowFixMe) => {\n store.recordChangeDescriptions = currentTarget.checked;\n },\n [store],\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/TabBar.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/TabBar.js\nindex 078f28d856..a277082ab2 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/TabBar.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/TabBar.js\n@@ -46,11 +46,11 @@ export default function TabBar({\n }\n \n const onChange = useCallback(\n- ({currentTarget}) => selectTab(currentTarget.value),\n+ ({currentTarget}: $FlowFixMe) => selectTab(currentTarget.value),\n [selectTab],\n );\n \n- const handleKeyDown = useCallback(event => {\n+ const handleKeyDown = useCallback((event: $FlowFixMe) => {\n switch (event.key) {\n case 'ArrowDown':\n case 'ArrowLeft':\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/WarnIfLegacyBackendDetected.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/WarnIfLegacyBackendDetected.js\nindex 8f2adba864..13f093d2e7 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/WarnIfLegacyBackendDetected.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/WarnIfLegacyBackendDetected.js\n@@ -23,7 +23,7 @@ export default function WarnIfLegacyBackendDetected(_: {}): null {\n \/\/ In this case the frontend should show upgrade instructions.\n useEffect(() => {\n \/\/ Wall.listen returns a cleanup function\n- let unlisten = bridge.wall.listen(message => {\n+ let unlisten: $FlowFixMe = bridge.wall.listen(message => {\n switch (message.type) {\n case 'call':\n case 'event':\ndiff --git a\/packages\/react-devtools-shared\/src\/devtools\/views\/hooks.js b\/packages\/react-devtools-shared\/src\/devtools\/views\/hooks.js\nindex c5ee3a3e83..7189dd7acf 100644\n--- a\/packages\/react-devtools-shared\/src\/devtools\/views\/hooks.js\n+++ b\/packages\/react-devtools-shared\/src\/devtools\/views\/hooks.js\n@@ -168,7 +168,7 @@ export function useLocalStorage(\n const [storedValue, setStoredValue] = useState(getValueFromLocalStorage);\n \n const setValue = useCallback(\n- value => {\n+ (value: $FlowFixMe) => {\n try {\n const valueToStore =\n value instanceof Function ? (value: any)(storedValue) : value;\ndiff --git a\/packages\/react-devtools-shared\/src\/dynamicImportCache.js b\/packages\/react-devtools-shared\/src\/dynamicImportCache.js\nindex fa1c2e1728..8150b7fddf 100644\n--- a\/packages\/react-devtools-shared\/src\/dynamicImportCache.js\n+++ b\/packages\/react-devtools-shared\/src\/dynamicImportCache.js\n@@ -66,9 +66,9 @@ export function loadModule(moduleLoaderFunction: ModuleLoaderFunction): Module {\n }\n \n if (!record) {\n- const callbacks = new Set();\n+ const callbacks = new Set<() => mixed>();\n const wakeable: Wakeable = {\n- then(callback) {\n+ then(callback: () => mixed) {\n callbacks.add(callback);\n },\n \n@@ -155,6 +155,7 @@ export function loadModule(moduleLoaderFunction: ModuleLoaderFunction): Module {\n moduleLoaderFunctionToModuleMap.set(moduleLoaderFunction, record);\n }\n \n+ \/\/ $FlowFixMe[underconstrained-implicit-instantiation]\n const response = readRecord(record).value;\n return response;\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/hook.js b\/packages\/react-devtools-shared\/src\/hook.js\nindex b46959cbdd..d5e01779d6 100644\n--- a\/packages\/react-devtools-shared\/src\/hook.js\n+++ b\/packages\/react-devtools-shared\/src\/hook.js\n@@ -8,13 +8,14 @@\n * @flow\n *\/\n \n-import type {BrowserTheme} from 'react-devtools-shared\/src\/devtools\/views\/DevTools';\n+import type {BrowserTheme} from '.\/devtools\/views\/DevTools';\n import type {\n- RendererID,\n- ReactRenderer,\n- Handler,\n DevToolsHook,\n-} from 'react-devtools-shared\/src\/backend\/types';\n+ Handler,\n+ ReactRenderer,\n+ RendererID,\n+ RendererInterface,\n+} from '.\/backend\/types';\n \n import {\n patchConsoleUsingWindowValues,\n@@ -519,9 +520,9 @@ export function installHook(target: any): DevToolsHook | null {\n \n \/\/ TODO: More meaningful names for \"rendererInterfaces\" and \"renderers\".\n const fiberRoots: {[RendererID]: Set} = {};\n- const rendererInterfaces = new Map();\n+ const rendererInterfaces = new Map();\n const listeners: {[string]: Array} = {};\n- const renderers = new Map();\n+ const renderers = new Map();\n \n const hook: DevToolsHook = {\n rendererInterfaces,\ndiff --git a\/packages\/react-devtools-shared\/src\/hookNamesCache.js b\/packages\/react-devtools-shared\/src\/hookNamesCache.js\nindex 2390c24063..0efa5e5f9a 100644\n--- a\/packages\/react-devtools-shared\/src\/hookNamesCache.js\n+++ b\/packages\/react-devtools-shared\/src\/hookNamesCache.js\n@@ -87,9 +87,9 @@ export function loadHookNames(\n }\n \n if (!record) {\n- const callbacks = new Set();\n+ const callbacks = new Set<() => mixed>();\n const wakeable: Wakeable = {\n- then(callback) {\n+ then(callback: () => mixed) {\n callbacks.add(callback);\n },\n \n@@ -97,7 +97,7 @@ export function loadHookNames(\n displayName: `Loading hook names for ${element.displayName || 'Unknown'}`,\n };\n \n- let timeoutID;\n+ let timeoutID: $FlowFixMe | null;\n let didTimeout = false;\n let status = 'unknown';\n let resolvedHookNames: HookNames | null = null;\ndiff --git a\/packages\/react-devtools-shared\/src\/hooks\/SourceMapMetadataConsumer.js b\/packages\/react-devtools-shared\/src\/hooks\/SourceMapMetadataConsumer.js\nindex 8bee45e799..f6fe87fa24 100644\n--- a\/packages\/react-devtools-shared\/src\/hooks\/SourceMapMetadataConsumer.js\n+++ b\/packages\/react-devtools-shared\/src\/hooks\/SourceMapMetadataConsumer.js\n@@ -131,7 +131,7 @@ export class SourceMapMetadataConsumer {\n _getMetadataObjectsBySourceNames(sourcemap: MixedSourceMap): MetadataMap {\n if (sourcemap.mappings === undefined) {\n const indexSourceMap: IndexSourceMap = sourcemap;\n- const metadataMap = new Map();\n+ const metadataMap = new Map();\n indexSourceMap.sections.forEach(section => {\n const metadataMapForIndexMap = this._getMetadataObjectsBySourceNames(\n section.map,\n@@ -143,7 +143,7 @@ export class SourceMapMetadataConsumer {\n return metadataMap;\n }\n \n- const metadataMap = new Map();\n+ const metadataMap: MetadataMap = new Map();\n const basicMap: BasicSourceMap = sourcemap;\n const updateMap = (metadata: ReactSourceMetadata, sourceIndex: number) => {\n let source = basicMap.sources[sourceIndex];\ndiff --git a\/packages\/react-devtools-shared\/src\/hooks\/generateHookMap.js b\/packages\/react-devtools-shared\/src\/hooks\/generateHookMap.js\nindex be81581c92..bd81d5e8ea 100644\n--- a\/packages\/react-devtools-shared\/src\/hooks\/generateHookMap.js\n+++ b\/packages\/react-devtools-shared\/src\/hooks\/generateHookMap.js\n@@ -65,7 +65,7 @@ export function generateHookMap(sourceAST: File): HookMap {\n const names = [];\n const mappings: Array = [];\n \n- let currentLine = null;\n+ let currentLine: $FlowFixMe | null = null;\n hookNamesMapping.forEach(({name, start}) => {\n let nameIndex = namesMap.get(name);\n if (nameIndex == null) {\ndiff --git a\/packages\/react-devtools-shared\/src\/hooks\/parseHookNames\/index.js b\/packages\/react-devtools-shared\/src\/hooks\/parseHookNames\/index.js\nindex b893d8c09c..13b437d08c 100644\n--- a\/packages\/react-devtools-shared\/src\/hooks\/parseHookNames\/index.js\n+++ b\/packages\/react-devtools-shared\/src\/hooks\/parseHookNames\/index.js\n@@ -32,7 +32,7 @@ export function parseSourceAndMetadata(\n \n export const purgeCachedMetadata = workerizedParseHookNames.purgeCachedMetadata;\n \n-const EMPTY_MAP = new Map();\n+const EMPTY_MAP: HookNames = new Map();\n \n export async function parseHookNames(\n hooksTree: HooksTree,\ndiff --git a\/packages\/react-devtools-shared\/src\/hooks\/parseHookNames\/loadSourceAndMetadata.js b\/packages\/react-devtools-shared\/src\/hooks\/parseHookNames\/loadSourceAndMetadata.js\nindex 1d2208a157..9013ae4ff4 100644\n--- a\/packages\/react-devtools-shared\/src\/hooks\/parseHookNames\/loadSourceAndMetadata.js\n+++ b\/packages\/react-devtools-shared\/src\/hooks\/parseHookNames\/loadSourceAndMetadata.js\n@@ -136,7 +136,7 @@ function extractAndLoadSourceMapJSON(\n locationKeyToHookSourceAndMetadata: LocationKeyToHookSourceAndMetadata,\n ): Promise(p: Promise | T) => T, Promise>>> {\n \/\/ Deduplicate fetches, since there can be multiple location keys per source map.\n- const dedupedFetchPromises = new Map();\n+ const dedupedFetchPromises = new Map>();\n \n if (__DEBUG__) {\n console.log(\n@@ -463,7 +463,7 @@ function loadSourceFiles(\n fetchFileWithCaching: FetchFileWithCaching | null,\n ): Promise(p: Promise | T) => T, Promise>>> {\n \/\/ Deduplicate fetches, since there can be multiple location keys per file.\n- const dedupedFetchPromises = new Map();\n+ const dedupedFetchPromises = new Map>();\n \n const setterPromises = [];\n locationKeyToHookSourceAndMetadata.forEach(hookSourceAndMetadata => {\ndiff --git a\/packages\/react-devtools-shared\/src\/hydration.js b\/packages\/react-devtools-shared\/src\/hydration.js\nindex 15d841dae5..610719c9db 100644\n--- a\/packages\/react-devtools-shared\/src\/hydration.js\n+++ b\/packages\/react-devtools-shared\/src\/hydration.js\n@@ -429,41 +429,49 @@ export function hydrate(\n \n function upgradeUnserializable(destination: Object, source: Object) {\n Object.defineProperties(destination, {\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [meta.inspected]: {\n configurable: true,\n enumerable: false,\n value: !!source.inspected,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [meta.name]: {\n configurable: true,\n enumerable: false,\n value: source.name,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [meta.preview_long]: {\n configurable: true,\n enumerable: false,\n value: source.preview_long,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [meta.preview_short]: {\n configurable: true,\n enumerable: false,\n value: source.preview_short,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [meta.size]: {\n configurable: true,\n enumerable: false,\n value: source.size,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [meta.readonly]: {\n configurable: true,\n enumerable: false,\n value: !!source.readonly,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [meta.type]: {\n configurable: true,\n enumerable: false,\n value: source.type,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [meta.unserializable]: {\n configurable: true,\n enumerable: false,\ndiff --git a\/packages\/react-devtools-shared\/src\/inspectedElementCache.js b\/packages\/react-devtools-shared\/src\/inspectedElementCache.js\nindex 9754fac237..f0fb6c542e 100644\n--- a\/packages\/react-devtools-shared\/src\/inspectedElementCache.js\n+++ b\/packages\/react-devtools-shared\/src\/inspectedElementCache.js\n@@ -89,9 +89,9 @@ export function inspectElement(\n const map = getRecordMap();\n let record = map.get(element);\n if (!record) {\n- const callbacks = new Set();\n+ const callbacks = new Set<() => mixed>();\n const wakeable: Wakeable = {\n- then(callback) {\n+ then(callback: () => mixed) {\n callbacks.add(callback);\n },\n \ndiff --git a\/packages\/react-devtools-shared\/src\/utils.js b\/packages\/react-devtools-shared\/src\/utils.js\nindex dd76f4b723..3e675c3f60 100644\n--- a\/packages\/react-devtools-shared\/src\/utils.js\n+++ b\/packages\/react-devtools-shared\/src\/utils.js\n@@ -84,7 +84,7 @@ export function alphaSortKeys(\n export function getAllEnumerableKeys(\n obj: Object,\n ): Set {\n- const keys = new Set();\n+ const keys = new Set();\n let current = obj;\n while (current != null) {\n const currentKeys = [\n@@ -203,7 +203,7 @@ export function printOperationsArray(operations: Array) {\n let i = 2;\n \n \/\/ Reassemble the string table.\n- const stringTable = [\n+ const stringTable: Array = [\n null, \/\/ ID = 0 corresponds to the null string.\n ];\n const stringTableSize = operations[i++];\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/ElementTypes\/index.js b\/packages\/react-devtools-shell\/src\/app\/ElementTypes\/index.js\nindex 3a5edef08e..4450c5682d 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/ElementTypes\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/ElementTypes\/index.js\n@@ -58,7 +58,7 @@ export default function ElementTypes(): React.Node {\n {}}>\n \n \n- {value => null}<\/Context.Consumer>\n+ {(value: $FlowFixMe) => null}<\/Context.Consumer>\n <\/Context.Provider>\n \n \ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CircularReferences.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CircularReferences.js\nindex f75b310056..e918325eb1 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CircularReferences.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/CircularReferences.js\n@@ -9,8 +9,8 @@\n \n import * as React from 'react';\n \n-const arrayOne = [];\n-const arrayTwo = [];\n+const arrayOne: $FlowFixMe = [];\n+const arrayTwo: $FlowFixMe = [];\n arrayTwo.push(arrayOne);\n arrayOne.push(arrayTwo);\n \ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js\nindex fc76fc11c5..256cd90851 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/Contexts.js\n@@ -259,7 +259,7 @@ class ModernClassContextConsumerWithUpdates extends Component {\n render(): any {\n return (\n \n- {({string, setString}) => (\n+ {({string, setString}: {string: string, setString: string => void}) => (\n <>\n {formatContextForDisplay(\n 'ModernClassContextConsumerWithUpdates',\n@@ -284,7 +284,9 @@ export default function Contexts(): React.Node {\n \n \n \n- {value => formatContextForDisplay('ModernContext.Consumer', value)}\n+ {(value: $FlowFixMe) =>\n+ formatContextForDisplay('ModernContext.Consumer', value)\n+ }\n <\/ModernContext.Consumer>\n \n <\/ModernContext.Provider>\n@@ -292,28 +294,44 @@ export default function Contexts(): React.Node {\n \n \n \n- {value => formatContextForDisplay('ArrayContext.Consumer', value)}\n+ {(value: $FlowFixMe) =>\n+ formatContextForDisplay('ArrayContext.Consumer', value)\n+ }\n <\/ArrayContext.Consumer>\n \n- {value => formatContextForDisplay('BoolContext.Consumer', value)}\n+ {(value: $FlowFixMe) =>\n+ formatContextForDisplay('BoolContext.Consumer', value)\n+ }\n <\/BoolContext.Consumer>\n \n- {value => formatContextForDisplay('FuncContext.Consumer', value)}\n+ {(value: $FlowFixMe) =>\n+ formatContextForDisplay('FuncContext.Consumer', value)\n+ }\n <\/FuncContext.Consumer>\n \n- {value => formatContextForDisplay('NumberContext.Consumer', value)}\n+ {(value: $FlowFixMe) =>\n+ formatContextForDisplay('NumberContext.Consumer', value)\n+ }\n <\/NumberContext.Consumer>\n \n- {value => formatContextForDisplay('StringContext.Consumer', value)}\n+ {(value: $FlowFixMe) =>\n+ formatContextForDisplay('StringContext.Consumer', value)\n+ }\n <\/StringContext.Consumer>\n \n- {value => formatContextForDisplay('SymbolContext.Consumer', value)}\n+ {(value: $FlowFixMe) =>\n+ formatContextForDisplay('SymbolContext.Consumer', value)\n+ }\n <\/SymbolContext.Consumer>\n \n- {value => formatContextForDisplay('NullContext.Consumer', value)}\n+ {(value: $FlowFixMe) =>\n+ formatContextForDisplay('NullContext.Consumer', value)\n+ }\n <\/NullContext.Consumer>\n \n- {value => formatContextForDisplay('UndefinedContext.Consumer', value)}\n+ {(value: $FlowFixMe) =>\n+ formatContextForDisplay('UndefinedContext.Consumer', value)\n+ }\n <\/UndefinedContext.Consumer>\n <\/ul>\n <\/div>\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/SymbolKeys.js b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/SymbolKeys.js\nindex 5f8d1e0f5d..0bd1ee258c 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/SymbolKeys.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/InspectableElements\/SymbolKeys.js\n@@ -16,6 +16,7 @@ const base = Object.create(Object.prototype, {\n enumerable: true,\n configurable: true,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [Symbol('enumerableSymbolBase')]: {\n value: 1,\n writable: true,\n@@ -28,6 +29,7 @@ const base = Object.create(Object.prototype, {\n enumerable: false,\n configurable: true,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [Symbol('nonEnumerableSymbolBase')]: {\n value: 1,\n writable: true,\n@@ -55,12 +57,14 @@ const data = Object.create(base, {\n enumerable: true,\n configurable: true,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [Symbol('nonEnumerableSymbol')]: {\n value: 2,\n writable: true,\n enumerable: false,\n configurable: true,\n },\n+ \/\/ $FlowFixMe[invalid-computed-prop]\n [Symbol('enumerableSymbol')]: {\n value: 3,\n writable: true,\ndiff --git a\/packages\/react-devtools-shell\/src\/app\/SuspenseTree\/index.js b\/packages\/react-devtools-shell\/src\/app\/SuspenseTree\/index.js\nindex e5b46bc7c8..88a56dc101 100644\n--- a\/packages\/react-devtools-shell\/src\/app\/SuspenseTree\/index.js\n+++ b\/packages\/react-devtools-shell\/src\/app\/SuspenseTree\/index.js\n@@ -54,12 +54,12 @@ function PrimaryFallbackTest({initialSuspend}) {\n \n function useTestSequence(label: string, T1: any => any, T2: any => any) {\n const [step, setStep] = useState(0);\n- const next = (\n+ const next: $FlowFixMe = (\n

dillon1000/react

Files changed