npm / react-devtools
react-devtools
What changed in react-devtools 6 to 8, from its official release notes, upgrade guides and advisories. Sources checked 2026-11-05.
2 breaking1 security5 new APIs and options2 performance13 behavior and defaults11 tooling11 fixes and other
See which of these apply to your code, ranked, in your agent:
npx @unstale/cli initreact-devtools 827 changes
Breaking changes 2
The setting for disabling log dimming in Strict Mode is removed.
The Timeline profiler tab has been removed; use your browser's Performance panel to profile React.
Security 1
HTML injection in standalone errors is avoided.
New APIs and options 3
A hotkey can navigate commits in the performance panel.
React DevTools Client connections can use a custom host, port, and path.
A hotkey can start and stop profiling.
Behavior and default changes 9
Activity displays its subtree, and the subtree is dimmed in hidden mode.
DevTools improves detection of changed hooks.
Component filters apply on initial load, and changing filters updates the inspected element.
Search results can be navigated to directly.
Ignore-listed stack frames can be disclosed in the stack view.
DevTools has minimal support on pages with a sandbox Content-Security-Policy.
The Suspense tab is enabled by default, so you can inspect what caused a component to suspend without enabling anything extra.
Scroll position is synchronized between the Suspense tab and the main document.
The Suspense timeline is sorted by end time.
Tooling 6
Host Component props can be renamed in DevTools.
The Suspense tab shows a list of named Activities.
A tool for viewing the parent stack is available.
Component search is available in the Profiler's commit view.
The browser Elements panel can show the React component matching an inspected DOM node.
React.optimisticKey is displayed in key positions in DevTools.
Fixes and other changes 6
Console links can be opened.
Console specifiers remain literal when no argument is supplied; %i and %f substitutions and trailing percent signs are handled correctly.
The highlight is cleared when the mouse leaves the DevTools panel.
Inspected values preserve -Infinity.
DevTools does not connect or reconnect while a page is prerendering.
An empty Suspended By section is no longer shown.
react-devtools 73 changes
Tooling 1
The experimental Suspense tab received various UI improvements.
Fixes and other changes 2
Removed a duplicated Display density field from General settings.
Fixed ellipsis truncation for key values in DevTools.
react-devtools 615 changes
New APIs and options 2
DevTools can filter environment names.
The react-devtools-core/backend installHook API is exposed with a settings argument.
Performance 2
Element inspection feels snappier.
Function inspection is instant, reducing the wait when inspecting functions.
Behavior and default changes 4
Component stacks are printed as error objects to enable source mapping.
DevTools displays a message if the user opens the hook script.
The Firefox extension supports Manifest v3.
DevTools supports a secondary environment name when it changes.
Tooling 4
Functions are clickable to jump to their definitions.
The Server Component's key is passed as part of ReactComponentInfo.
Server Components can be filtered in DevTools.
The component tree supports Server Components, making them visible in DevTools.
Fixes and other changes 3
Pointer events remain enabled while scrolling.
Fixes crashes during profiling.
Fixes tabs API calls and the restricted access popup in the DevTools extension.