Inspect component state, debug network requests, and manage feature flags in any React application without leaving your app.
Everything you need to debug and develop faster.
View and modify application state in real-time without React DevTools.
Inspect, modify, and replay network requests with full context.
Test different user roles and auth states without manual login flows.
Toggle features on and off without code changes or redeployment.
View, edit, and manage cookies with a visual interface.
Step through state changes to debug complex workflows.
import { DevConsole } from 'devconsole-package';
function App() {
return (
<>
<YourApp />
{process.env.NODE_ENV === 'development' && (
<DevConsole />
)}
</>
);
}That's it. DevConsole is automatically excluded from production builds.
No, they're complementary. Use React DevTools for component tree inspection and props debugging. Use DevConsole for API testing, auth debugging, and state management.
Yes! DevConsole can inspect any state management solution. It works at the application level, not the library level, so it supports all state managers.
No. DevConsole is designed to be excluded from production builds automatically. It only runs in development mode.
See how DevConsole helps different types of developers
Join thousands of developers who ship faster with DevConsole.
Get DevConsole