inspect_component
Analyze React component details including props, styles, and state. Use after identifying components in the tree to examine specific instances with configurable depth for children inspection.
Instructions
Inspect a specific React component by name. DRILL-DOWN TOOL: Use after get_component_tree(structureOnly=true) to inspect specific components. Returns props, style, state (hooks), and optionally children tree. Use childrenDepth to control how deep nested children go.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| componentName | Yes | Name of the component to inspect (e.g., 'Button', 'HomeScreen', 'FlatList') | |
| index | No | If multiple instances exist, which one to inspect (0-based index, default: 0) | |
| includeState | No | Include component state/hooks (default: true) | |
| includeChildren | No | Include children component tree | |
| childrenDepth | No | How many levels deep to show children (default: 1 = direct children only, 2+ = nested tree) | |
| shortPath | No | Show only last 3 path segments (default: true) | |
| simplifyHooks | No | Simplify hooks output by hiding effects and reducing depth (default: true) |