sentry-react-sdk

Integrate Sentry SDK for error monitoring, tracing, and session replay in React.

Updated Mar 5, 2026
One-click install
npx skills add https://github.com/Himanshu040604/codex-skills-setup --skill sentry-react-sdk-himanshu040604
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: sentry-react-sdk
Source: https://github.com/Himanshu040604/codex-skills-setup/tree/main/assets/codex/skills/claude-import/skills/plugins/sentry%40claude-plugins-official/skills/sentry-react-sdk
Command: npx skills add https://github.com/Himanshu040604/codex-skills-setup --skill sentry-react-sdk-himanshu040604

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps you integrate Sentry's error monitoring, performance tracing, and session replay into your React applications, making it easy to catch and debug issues in production.

Core Features & Use Cases

  • Error Monitoring: Automatically captures unhandled JavaScript errors and React render errors.
  • Performance Tracing: Tracks page loads, navigations, and network requests to identify performance bottlenecks.
  • Session Replay: Records user sessions to help you visualize and understand how errors occur.
  • Use Case: When a user reports a bug in your React app, you can use this Skill to quickly set up Sentry, allowing you to see the exact error, trace the user's actions leading up to it, and even watch a recording of their session.

Quick Start

Use the sentry-react-sdk skill to add Sentry error monitoring to your React application.

Frequently Asked Questions about sentry-react-sdk

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

FAQPage Schema
How do I add Sentry error monitoring to my React application?

To add Sentry error monitoring to a React application, initialize the Sentry SDK with your project credentials and configure an error boundary to automatically capture unhandled JavaScript and React render errors.

Can I use Sentry performance tracing with Vite or Webpack?

Yes, Sentry performance tracing supports build tools like Vite, Webpack, and Create React App, tracking page loads and network requests to identify performance bottlenecks in your React app.

Does Sentry session replay work with React Router and Redux?

Yes, Sentry session replay integrates with React Router, TanStack Router, and Redux state management, recording user sessions to visualize exactly how errors occur during navigation and state changes.

What is the best way to debug unhandled JavaScript errors in production React apps?

The best way to debug unhandled JavaScript errors in production React apps is using Sentry SDK to capture errors, trace user actions leading up to them, and watch session replays to understand the context.

How do I upload source maps to Sentry for a React build?

You can upload source maps to Sentry during your build process to deobfuscate JavaScript errors, ensuring that error monitoring provides readable stack traces for your React application code.