Error Debugging & Observability
Learn how to debug errors in CopilotKit with dev console and set up error observability for monitoring services.
How to Debug Errors
CopilotKit provides visual error display for local development and debugging. This feature is completely free and requires no API keys.
Quick Setup
import { CopilotKit } from "@copilotkit/react-core";
export default function App() {
return (
<CopilotKit
runtimeUrl="<your-runtime-url>"
showDevConsole={true}
>
{/* Your app */}
</CopilotKit>
);
}Avoid showing the dev console in production as it exposes internal error details to end users.
When to Use Development Debugging
- Local development - See errors immediately in your UI
- Quick debugging - No setup required, works out of the box
- Testing - Verify error handling during development
Troubleshooting
Development Debugging Issues
- Dev console not showing:
- Confirm
showDevConsole={true} - Check for JavaScript errors in the browser console
- Ensure no CSS is hiding the error banner
- Confirm
