Item logo image for React + State Inspector

React + State Inspector

5.0(

1 rating

)
Item media 3 (screenshot) for React + State Inspector
Item media 1 (screenshot) for React + State Inspector
Item media 2 (screenshot) for React + State Inspector
Item media 3 (screenshot) for React + State Inspector
Item media 1 (screenshot) for React + State Inspector
Item media 1 (screenshot) for React + State Inspector
Item media 2 (screenshot) for React + State Inspector
Item media 3 (screenshot) for React + State Inspector

Overview

Inspect React (v15+) components visually and view/edit Redux and React Query state live from a DevTools panel.

A React inspector for real developers to inspect components, props, Redux, React Query, and Context API — live, from a dedicated Chrome DevTools panel. Features: Component inspector — visually pick any element on the page and see its React component, props, state, hooks, context, owner, and DOM node. Works with React 15 (legacy) and React 16+ (fibers). Redux stores — automatic detection of Redux stores (including react-redux and manually registered stores). View live state as an editable tree. Full edit for enhancer-registered stores, ephemeral edit for others. Action history — see the last 50 dispatched actions per store; jump to any past state. React Query — inspect queries and mutations, view/edit query data, refetch, invalidate, reset, or remove entries. Highlight updates — flashes DOM nodes when their component re-renders, like the React DevTools highlight-updates mode. No app changes required — the extension installs its hooks at document_start; apps do not need to opt in. An optional window.__REACT_STATE_INSPECTOR__.register(store) API is available for stores that are created before scanning. Open Chrome DevTools on any page and switch to the React+State panel to start inspecting

Details

  • Version
    0.0.1
  • Updated
    July 21, 2026
  • Size
    58.06KiB
  • Languages
    English (United States)
  • Developer
    Email
    PancakeMakingRobot@gmail.com
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

Manage extensions and learn how they're being used in your organization
The developer has disclosed that it will not collect or use your data. To learn more, see the developer’s privacy policy.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Support

For help with questions, suggestions, or problems, visit the developer's support site

Related

React Performance Monitor

5.0

React Performance Monitor

React Developer Tools

3.9

Adds React debugging tools to the Chrome Developer Tools. Created from revision 1d34f91dfd.

React-DomPicker

4.4

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

Auth Inspector (SAML & OIDC)

5.0

DevTools panel to inspect SAML Requests/Responses and OIDC tokens locally.

RSC Viewer

5.0

DevTools panel for inspecting React Server Component (RSC) payloads

React Scan

4.8

Scan React apps for performance problems

React Inspector

3.3

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

NgPeek - Angular DevTools

0.0

Inspect and edit Angular component state right in DevTools - including production builds.

React code finder

4.2

Chrome extension for React Developer

Formik Devtools

5.0

Formik Developer Tools for debugging React form components

React Render Tracker

5.0

A Chrome extension to track React component renders and performance.

JSX Tool

5.0

Developer tools for modern React. Use LLMs to generate CSS, test styles, and write updates to files using your live browser context.

React Performance Monitor

5.0

React Performance Monitor

React Developer Tools

3.9

Adds React debugging tools to the Chrome Developer Tools. Created from revision 1d34f91dfd.

React-DomPicker

4.4

Click any UI element to instantly jump to its React source code in VS Code. Perfect for React + Tailwind + ShadCN projects.

Auth Inspector (SAML & OIDC)

5.0

DevTools panel to inspect SAML Requests/Responses and OIDC tokens locally.

RSC Viewer

5.0

DevTools panel for inspecting React Server Component (RSC) payloads

React Scan

4.8

Scan React apps for performance problems

React Inspector

3.3

The Inspector launch with Ctrl+Shift+X (Command+Shift+X on Mac). You can detect and open the React component source code easily.

NgPeek - Angular DevTools

0.0

Inspect and edit Angular component state right in DevTools - including production builds.

Google apps