> ## Documentation Index
> Fetch the complete documentation index at: https://docs.inspect.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# React DevTools

> Debug React components on iOS and Android devices

<Info>
  **Prerequisite** You should have installed Inspect first.
</Info>

Inspect includes React DevTools, allowing you to debug React components directly on iOS and Android devices. This brings the same powerful React debugging experience from desktop browsers to mobile.

## Features

React DevTools in Inspect provides the following capabilities:

* **Component Tree**: Browse the complete React component hierarchy on your device
* **Props & State**: Inspect and modify props and state in real-time
* **Hooks Inspector**: Debug useState, useEffect, useContext, and custom hooks
* **Component Search**: Locate components by name instantly
* **Highlight Updates**: Visualize which components are re-rendering

## Getting Started

1. **Connect your device** via USB (iOS or Android)
2. **Open your React app** in Safari (iOS) or Chrome (Android)
3. **Start debugging** - the React DevTools tab appears automatically

No additional configuration is required. When Inspect detects a React-based application, the DevTools tab becomes available automatically.

## Supported Platforms

React DevTools works with any React-based application running in a mobile browser or WebView, including:

* React Native Web applications
* Ionic apps with React
* Capacitor hybrid apps
* Progressive Web Apps (PWAs) built with React