sentry-react-router-framework-sdk

Setting up Sentry in React Router requires configuring both browser and server entry points for full-stack observability. You must wrap loaders, actions, and server handlers to automatically capture errors and trace performance across client-side hydration and server-side requests.

Full-stack observability means tracking errors, performance, and session replays across both client and server environments. For React Router, this ensures that server-side request handling issues and client-side user interactions are monitored simultaneously without blind spots.

Yes, @sentry/profiling-node is required for complete observability coverage, alongside @sentry/react-router. These dependencies work together to provide full error monitoring, performance tracing, and profiling for both browser and server execution contexts.

Yes, you can track both simultaneously by integrating Sentry into your React Router project. The integration automatically configures error monitoring and performance tracing for both browser hydration and server-side request handling to capture the full request lifecycle.

The best way to capture errors in loaders and actions is to use specialized Sentry wrappers. Wrapping these framework-specific functions ensures that no request or error goes uncaptured during server-side data fetching and mutation handling.

Build-time source map uploads are handled as part of the Sentry integration process for React Router. This configuration ensures that original source code is mapped to minified production bundles, enabling accurate error stack traces.