Even Your Components Need a Safety Net: React Error Handling Deep Dive
summary
Sentry parses React component stack traces (not just error stacks), uses source maps to unminify them, and ties those frames to UI components so debugging narrows down to the actual line and parent components. Sentry exposes a Sentry.react error handler that plugs into React 19’s hooks — onRecoverableError and the on‑caught/on‑uncaught style hooks — to auto‑report errors without wrapping every component. It works in most apps but not Next.js unless a risky monkey‑patch is applied.
AI-written summary · about
related talks
48mProper Error Handling with React/Redux
12mSolve 100% of your errors
31mHow Many Ways to Say I'm Sorry, Error Handling in React
08mTrack Slowdowns and Crashes in your React apps
42mYou thought your React application is secure? Think again
49mSupporting accessibility in React: the difficulties and niceties
58mREACT_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED
34mKeep sane with React & Microfrontends in production