Skip to content

DevTools

DevTools(__namedParameters): ReactElement

Defined in: react/components/devtools/devtools.tsx:99

An in-app DevTools panel — a React-DevTools-style inspector for the live widget tree. The left pane is the tree (tag #id .class); selecting a node shows its geometry, flags, and resolved style on the right; the footer is a one-line render-profiler readout (scoped vs full frame, widgets rendered, bytes, and the reasons the last frame ran). Read-only.

Point it at a different subtree than itself (pass the inspected app’s root via a ref) so it doesn’t inspect its own widgets.

<DevTools root={appRootRef.current} frame={app.getLastFrame()} />

DevToolsProps

ReactElement