# What changed in react-devtools

> 45 changes in react-devtools 6 to 8 from its official release notes, upgrade guides and advisories: 2 breaking, 1 security, 5 new APIs and options. Each one cited. Sources checked 2026-11-05. HTML: https://unstale.sh/npm/react-devtools/

To see which of these apply to a repository, run `npx @unstale/cli init` in it.

## react-devtools 8

### Breaking changes

- The setting for disabling log dimming in Strict Mode is removed. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- The Timeline profiler tab has been removed; use your browser's Performance panel to profile React. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)

### Security

- HTML injection in standalone errors is avoided. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)

### New APIs and options

- A hotkey can navigate commits in the performance panel. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- React DevTools Client connections can use a custom host, port, and path. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- A hotkey can start and stop profiling. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)

### Behavior and default changes

- Activity displays its subtree, and the subtree is dimmed in hidden mode. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- DevTools improves detection of changed hooks. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- Component filters apply on initial load, and changing filters updates the inspected element. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- Search results can be navigated to directly. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- Ignore-listed stack frames can be disclosed in the stack view. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- DevTools has minimal support on pages with a sandbox Content-Security-Policy. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- The Suspense tab is enabled by default, so you can inspect what caused a component to suspend without enabling anything extra. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- Scroll position is synchronized between the Suspense tab and the main document. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- The Suspense timeline is sorted by end time. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)

### Tooling

- Host Component props can be renamed in DevTools. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- The Suspense tab shows a list of named Activities. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- A tool for viewing the parent stack is available. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- Component search is available in the Profiler's commit view. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- The browser Elements panel can show the React component matching an inspected DOM node. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- React.optimisticKey is displayed in key positions in DevTools. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)

### Fixes and other changes

- Console links can be opened. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- Console specifiers remain literal when no argument is supplied; %i and %f substitutions and trailing percent signs are handled correctly. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- The highlight is cleared when the mouse leaves the DevTools panel. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- Inspected values preserve -Infinity. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- DevTools does not connect or reconnect while a page is prerendering. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)
- An empty Suspended By section is no longer shown. (8.0.0) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#800)

## react-devtools 7

### Tooling

- The experimental Suspense tab received various UI improvements. (7.0.1) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#701)

### Fixes and other changes

- Removed a duplicated Display density field from General settings. (7.0.1) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#701)
- Fixed ellipsis truncation for key values in DevTools. (7.0.1) — [release notes](https://github.com/react/react/blob/e8738f0c628b4c321c5ce8077390ba48a8208341/packages/react-devtools/CHANGELOG.md#701)

## react-devtools 6

### New APIs and options

- DevTools can filter environment names. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)
- The react-devtools-core/backend installHook API is exposed with a settings argument. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)

### Performance

- Element inspection feels snappier. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)
- Function inspection is instant, reducing the wait when inspecting functions. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)

### Behavior and default changes

- Component stacks are printed as error objects to enable source mapping. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)
- DevTools displays a message if the user opens the hook script. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)
- The Firefox extension supports Manifest v3. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)
- DevTools supports a secondary environment name when it changes. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)

### Tooling

- Functions are clickable to jump to their definitions. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)
- The Server Component's key is passed as part of ReactComponentInfo. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)
- Server Components can be filtered in DevTools. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)
- The component tree supports Server Components, making them visible in DevTools. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)

### Fixes and other changes

- Pointer events remain enabled while scrolling. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)
- Fixes crashes during profiling. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)
- Fixes tabs API calls and the restricted access popup in the DevTools extension. (6.0.0) — [release notes](https://github.com/react/react/blob/HEAD/packages/react-devtools/CHANGELOG.md)