Media
3 items
Description
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