React DevTools 7.0.0 (#34692)
[Preview](https://github.com/eps1lon/react/blob/sebbie/09-28-react_devtools_7.0.0/packages/react-devtools/CHANGELOG.md#700) Suspense tab is omitted since that's gated on Canary or 19.3. Will draft a separate blog post for suspended by and open-in-editor instructions while the extension is in review.
Sebastian "Sebbie" Silbermann committed
Oct 3, 2025 at 19:48 UTC
614a945d9d1031fadcf211a632cb2d7fda495a4f
5 files changed
+47
-4
packages/react-devtools-core/package.json
+1
-1
@@ -1,6 +1,6 @@
1
{
2
"name": "react-devtools-core",
3
- "version": "6.1.5",
3
+ "version": "7.0.0",
4
"description": "Use react-devtools outside of the browser",
5
"license": "MIT",
6
"main": "./dist/backend.js",
packages/react-devtools-inline/package.json
+1
-1
@@ -1,6 +1,6 @@
1
{
2
"name": "react-devtools-inline",
3
- "version": "6.1.5",
3
+ "version": "7.0.0",
4
"description": "Embed react-devtools within a website",
5
"license": "MIT",
6
"main": "./dist/backend.js",
packages/react-devtools-timeline/package.json
+1
-1
@@ -1,7 +1,7 @@
1
{
2
"private": true,
3
"name": "react-devtools-timeline",
4
- "version": "6.1.5",
4
+ "version": "7.0.0",
5
"license": "MIT",
6
"dependencies": {
7
"@elg/speedscope": "1.9.0-a6f84db",
packages/react-devtools/CHANGELOG.md
+43
@@ -4,6 +4,49 @@
4
5
---
6
7
+### 7.0.0
8
+Oct 2, 2025
9
+
10
+Add a "suspended by" section showing all causes of why the inspected element suspended. This includes:
11
+
12
+- `await` in Server Components
13
+- `React.lazy`
14
+- `use()`
15
+- suspensey images, CSS, and fonts
16
+
17
+Add a Code Editor Sidebar Pane in the Chrome Sources Tab (@sebmarkbage [#33968](https://github.com/facebook/react/pull/33968), [#33987](https://github.com/facebook/react/pull/33987), [#33988](https://github.com/facebook/react/pull/33988))
18
+
19
+Add Option to Open Local Files directly in External Editor (@sebmarkbage [#33983](https://github.com/facebook/react/pull/33983), [#33985](https://github.com/facebook/react/pull/33985), [#33965](https://github.com/facebook/react/pull/33965))
20
+
21
+#### Other changes
22
+
23
+- Allow inspection of React tree before streaming has finished (@eps1lon [#34360](https://github.com/facebook/react/pull/34360))
24
+- Always attempt to mount dehydrated roots (@eps1lon [#34209](https://github.com/facebook/react/pull/34209))
25
+- Show `name` prop of Suspense / Activity in the Components Tree view (@sebmarkbage [#34135](https://github.com/facebook/react/pull/34135))
26
+- 1st class support of used Thenables (@sebmarkbage, @eps1lon: [#32989](https://github.com/facebook/react/pull/32989), [#34097](https://github.com/facebook/react/pull/34097))
27
+- Allow inspecting cause, name, message, stack of Errors in props (@eps1lon [#33023](https://github.com/facebook/react/pull/33023))
28
+- Allow Introspection of React Elements and React.lazy (@sebmarkbage [#34129](https://github.com/facebook/react/pull/34129))
29
+- Fix "View source" for sources with URLs that aren't normalized (@eps1lon [#32951](https://github.com/facebook/react/pull/32951))
30
+- Fix symbolication with Index Source Maps (@eps1lon [#34300](https://github.com/facebook/react/pull/34300))
31
+- Ignore List Stack Traces (@sebmarkbage [#34210](https://github.com/facebook/react/pull/34210))
32
+- Linkify Source View (@sebmarkbage [#33954](https://github.com/facebook/react/pull/33954))
33
+- Only show state for ClassComponents (@sebmarkbage [#34091](https://github.com/facebook/react/pull/34091))
34
+- Show Owner Stacks in "rendered by" View (@sebmarkbage [#34130](https://github.com/facebook/react/pull/34130))
35
+- Stop mounting empty roots (@eps1lon [#34467](https://github.com/facebook/react/pull/34467))
36
+- Show changed hooks names in the Profiler tab (@piotrski [#31398](https://github.com/facebook/react/pull/31398))
37
+- Display native tag for host components for Native (@ruslan [#32762](https://github.com/facebook/react/pull/32762))
38
+- Static Components panel layout (@ruslan [#33696](https://github.com/facebook/react/pull/33696), [#33517](https://github.com/facebook/react/pull/33517), [#34088](https://github.com/facebook/react/pull/34088))
39
+- Add Badge to Owners and sometimes stack traces (@sebmarkbage [#34106](https://github.com/facebook/react/pull/34106))
40
+- Make a non-editable name of KeyValue clickable ([34095](https://github.com/facebook/react/pull/34095))
41
+- Only inspect elements on left mouseclick (@eps1lon [#34361](https://github.com/facebook/react/pull/34361))
42
+- Rerender when the browser theme changes (@sebmarkbage [#33992](https://github.com/facebook/react/pull/33992))
43
+- Stop using native `title` for buttons/icons (@eps1lon [#34379](https://github.com/facebook/react/pull/34379))
44
+- Style clickable Owner components with angle brackets and bold (@sebmarkbage [#34096](https://github.com/facebook/react/pull/34096))
45
+- Swap Components tab layout based on container size (@eps1lon [#34035](https://github.com/facebook/react/pull/34035))
46
+- Use Visually Lighter Skeletons (@sebmarkbage [#34185](https://github.com/facebook/react/pull/34185))
47
+
48
+---
49
+
50
### 6.1.5
51
July 4, 2025
52
packages/react-devtools/package.json
+1
-1
@@ -1,6 +1,6 @@
1
{
2
"name": "react-devtools",
3
- "version": "6.1.5",
3
+ "version": "7.0.0",
4
"description": "Use react-devtools outside of the browser",
5
"license": "MIT",
6
"repository": {