RSC Viewer

DevTools panel for inspecting React Server Component (RSC) payloads

As of June 2026, RSC Viewer has 10 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.

Usersno change0%
10
10
Ratingno change0%
5.00
1 reviews
Reviewsno change0%
1
Version
0.1.0
Manifest V3

History

5 snapshots

Tracking since May 2, 2026.

10.725.50.27999999999999936May 2, 2026Jun 7, 2026
View as table
DateUsersRatingReviewsVersion
May 2, 20260.1.0
May 8, 20260.1.0
May 25, 20265.0010.1.0
Jun 1, 202615.0010.1.0
Jun 7, 202665.0010.1.0
Now105.0010.1.0

Changelog

  • May 8, 2026
    description
    Inspect and debug React Server Components (RSC) payloads.
    RSC Viewer is a Chrome DevTools extension for inspecting React Server Component (RSC) payloads — the streaming "text/x-component" responses that frameworks like Next.js use to render Server Components in the browser. It captures these payloads from the network and displays them in a structured, navigable view that Chrome's built‑in Network panel often cannot show, because their bodies are consumed by the page's stream reader before DevTools can read them.
    
    You will get one new tab in your Chrome DevTools: "RSC Viewer".
    
    The panel lists every RSC request the inspected page makes, including the initial HTML document (whose payload is embedded as script tags) and any follow‑up navigation or prefetch fetches. Each entry shows method, URL, status, size, and timing, and the list can be filtered, paused, and cleared.
    
    Selecting a request opens a detail view with Headers and Response tabs. The Response tab parses the React Flight wire format, color‑codes each row by its type, and draws arrows connecting references to the rows they point at. Embedded RSC streams are parsed recursively and can be drilled into through a breadcrumb. Streaming responses appear in real time, so you can read partial chunks before the request finishes.
    
    Built‑in find (Cmd‑F / Ctrl‑F) supports incremental search with match navigation across all rows. A Statistics panel breaks down payload bytes by row type as a pie chart and reports both the resource size and the transferred (compressed) size. An integrated Flight Protocol reference documents every row tag, reference prefix, and binary chunk type the parser recognizes, so you don't need to leave DevTools to remember what a "T" row or a "$L" reference encodes.
    
    This extension requires permission to access the inspected page in order to capture streaming RSC responses, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/unstubbable/rsc-viewer.

Permissions & access

Permissions
None declared
Host access
None declared

Screenshots

RSC Viewer screenshot 1

About

RSC Viewer is a Chrome DevTools extension for inspecting React Server Component (RSC) payloads — the streaming "text/x-component" responses that frameworks like Next.js use to render Server Components in the browser. It captures these payloads from the network and displays them in a structured, navigable view that Chrome's built‑in Network panel often cannot show, because their bodies are consumed by the page's stream reader before DevTools can read them.

You will get one new tab in your Chrome DevTools: "RSC Viewer".

The panel lists every RSC request the inspected page makes, including the initial HTML document (whose payload is embedded as script tags) and any follow‑up navigation or prefetch fetches. Each entry shows method, URL, status, size, and timing, and the list can be filtered, paused, and cleared.

Selecting a request opens a detail view with Headers and Response tabs. The Response tab parses the React Flight wire format, color‑codes each row by its type, and draws arrows connecting references to the rows they point at. Embedded RSC streams are parsed recursively and can be drilled into through a breadcrumb. Streaming responses appear in real time, so you can read partial chunks before the request finishes.

Built‑in find (Cmd‑F / Ctrl‑F) supports incremental search with match navigation across all rows. A Statistics panel breaks down payload bytes by row type as a pie chart and reports both the resource size and the transferred (compressed) size. An integrated Flight Protocol reference documents every row tag, reference prefix, and binary chunk type the parser recognizes, so you don't need to leave DevTools to remember what a "T" row or a "$L" reference encodes.

This extension requires permission to access the inspected page in order to capture streaming RSC responses, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/unstubbable/rsc-viewer.

Technical

Version
0.1.0
Manifest
V3
Size
246KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
kpimehgjbaagmjfebkcdakiccjeblgik
Developer ID
ubb4ee733694c02e7e71db2e2e6d952d2
Developer Email
[email protected]
Created
May 1, 2026
Last Updated (Store)
May 2, 2026
Last Scraped
Jun 7, 2026
Website
Support URL
Privacy Policy

Data sourced from the Chrome Web Store · last verified Jun 7, 2026.