browser-devtools-mcp

# /react Inspect React components on the page. ## Usage ``` /react <selector> ``` ## Description Gets React component information for a DOM element. Shows component name, props, state, and hooks. Requires React DevTools to be available. ## Arguments - `selector` (required): CSS selector of element to inspect ## Examples ``` /react #app /react .product-card /react [data-testid="user-profile"] ``` ## Output Returns: - Component name - Props (with values) - State (with values) - Context values - Hooks information ## Notes - Only works on React applications - Requires React to be in development mode or have DevTools enabled - May not work with production builds that strip DevTools ## MCP Tools Used - `react_get-component-for-element` - Get React component info - `react_get-element-for-component` - Get DOM element for component