React and browser error tracking your coding agent can read
Updated 2026-11-13
Runheed accepts events from Sentry SDKs, including the browser ones, so a React, Vue, Svelte or plain JavaScript frontend reports through @sentry/browser (or @sentry/react): point its DSN at your Runheed project and your coding agent reads what broke in your users' browsers. Tested with @sentry/browser 11 in Chrome, sending from another origin.
Set it up
1.Install the SDK.
terminalbashnpm install @sentry/react # or, for any framework: npm install @sentry/browser2.Initialize it once, before the app renders, with the project's Sentry SDK DSN (Projects page, or ask your agent: runheed_list_projects). The DSN is public by design: it can only send errors to this project.
src/main.tsxtypescriptimport * as Sentry from '@sentry/react'; Sentry.init({ dsn: 'https://<key>@runheed.com/<number>', environment: import.meta.env.MODE, release: import.meta.env.VITE_GIT_SHA, }); // Errors thrown while rendering: wrap the app in Sentry.ErrorBoundary. // Errors you catch yourself: Sentry.captureException(err).3.Connect your agent, then sign in when it asks (other clients: /connect).
terminalbashclaude mcp add --transport http runheed https://runheed.com/api/mcp
The npm and PyPI releases are not out yet, so these commands install the same package files straight from runheed.com. Nothing else changes when the registry versions ship.
What it catches
- Uncaught errors and unhandled promise rejections in the browser
- Render errors caught by Sentry.ErrorBoundary
- Errors you report with Sentry.captureException(err), with the page URL and browser
- Minified frames mapped back to your source files, lines and functions through the bundle's source map
What it does not do
- Source maps are applied when your bundle's sourceMappingURL is public (in Vite, build.sourcemap: true), or when you upload the .map files to /api/sourcemaps from your build (see /docs#source-maps). Without either, frames show the minified bundle's file and column
- Session replay and performance data are accepted and dropped: Runheed tracks errors only
Then ask your agent
> what broke in production since the last deploy? fix the top one and resolve it with the commit hash
Connect Runheed first: Claude Code, Cursor or another client. Then see how the agent fixes and resolves an error.
Common React and browser JavaScript errors
- TypeError: Cannot read properties of undefined (reading 'x')
- Hydration failed because the server rendered HTML didn't match the client. As a result ...
- ChunkLoadError: Loading chunk 4512 failed. (error: https://example.com/_next/static/chu...
- ResizeObserver loop completed with undelivered notifications.