Gain visibility into the hidden world of RSC payloads. Inspect the JSON/XML hybrid stream that powers your Server Components.
React Server Components send a complex, serialized stream to the browser that is almost impossible to read in standard network tools.
DevConsole decodes and formats the RSC stream into a readable object tree, showing exactly which components and props were rendered on the server.
Navigate between pages or trigger a 'Server Action' while DevConsole is open.
Toggle the decoder view on the network request to see the structured output.
See exactly what data was passed from your server components to your client islands.
Yes! DevConsole decodes both the initial page load and the 'action' responses which use the RSC format.
Yes, it can handle multi-part responses as they arrive in the browser.
Explore more ways to use DevConsole to speed up your development
DevConsole is free during development. Join 5,000+ developers shipping better code.
Get Started Now