Changelog

We're excited to announce React DevTools in Inspect is here — a feature our community has been requesting for years. With Inspect, you can debug your React components directly on iOS and Android, just like you do on desktop.

Why React DevTools on Mobile?

React powers millions of mobile web apps and hybrid applications, yet debugging React components on actual devices has always been a challenge. You'd either have to rely on console logs, use remote debugging with limited capabilities, or simply hope your components behaved the same on mobile as they did on desktop.

Not anymore.

What You Can Do

With React DevTools in Inspect, you get the full debugging experience:

• Component Tree — Browse your entire React component hierarchy on device
• Props & State — Inspect and edit props and state in real-time
• Hooks Inspector — Debug useState, useEffect, useContext, and custom hooks
• Component Search — Find components by name instantly
• Highlight Updates — Visualize which components are re-rendering

How It Works

React DevTools works seamlessly with Inspect's existing workflow:

1. Connect your iOS or Android device via USB
2. Open your React app in Safari or Chrome
3. Start debugging with DevTools — React DevTools is automatically available

No additional setup required. If your app or website uses React, the React DevTools tab appears automatically.

Perfect for React Native Web & Hybrid Apps

This feature is particularly powerful for teams building:

• React Native Web applications
• Ionic apps with React
• Capacitor hybrid apps
• Progressive Web Apps built with React

Debug your components on the actual device your users are using, with the exact same tools you use in development.

Get Started

React DevTools in Inspect is now in early preview and available to everyone. Just connect your device and start debugging your React components.

Happy inspecting!

Team Inspect.