sentry-react-router-framework-sdk

Install and configure Sentry for React Router Framework apps with source maps.

1|Updated Jun 8, 2026
One-click install
npx skills add https://github.com/getsentry/plugin-claude --skill sentry-react-router-framework-sdk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sentry-react-router-framework-sdk
Source: https://github.com/getsentry/plugin-claude/tree/main/skills/sentry-react-router-framework-sdk
Command: npx skills add https://github.com/getsentry/plugin-claude --skill sentry-react-router-framework-sdk

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides an opinionated, end-to-end setup workflow to integrate Sentry with React Router Framework apps, including client/server instrumentation, source map integration, and optional features.

Core Features & Use Cases

  • Automated installation and exposure of framework entry points (entry.client.tsx, entry.server.tsx) and server instrumentation (instrument.server.mjs).
  • Source map integration with Vite/React Router builds and build-end hooks to enable error tracing and profiling.
  • Guidance through both wizard-based and manual setup paths, with verification examples.
  • Cross-cutting observability features (error monitoring, tracing, session replay, profiling, logs, user feedback) across client and server.

Quick Start

Run the Sentry React Router wizard to auto-install packages, expose the framework entry files, and configure source maps.

Frequently Asked Questions about sentry-react-router-framework-sdk

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up Sentry error monitoring in a React Router Framework app?

You can set up Sentry for React Router Framework by running the Sentry wizard to auto-install packages and expose framework entry files. This workflow configures client and server instrumentation, enabling error monitoring, tracing, and session replay.

What's the best way to configure Sentry source maps with Vite and React Router?

Configuring Sentry source maps with Vite involves integrating build-end hooks for automatic map uploads. This ensures accurate error tracing and profiling by correctly mapping minified production code back to your original React Router source files.

Do I need to manually edit entry.client.tsx and entry.server.tsx to add Sentry instrumentation?

You do not need to manually edit entry.client.tsx and entry.server.tsx if you use the Sentry wizard, which automatically exposes and configures these framework entry points. A manual setup path is also available if you prefer custom configuration.

Does the Sentry React Router setup support session replay and user feedback?

Yes, the Sentry React Router setup supports session replay and user feedback. The integration provides cross-cutting observability features across both client and server, including tracing, profiling, and logs.

Can I use Sentry for server-side instrumentation in my React Router project?

Yes, you can use Sentry for server-side instrumentation in React Router projects by configuring the instrument.server.mjs file. This enables server-side error monitoring and tracing alongside your client-side setup.