error-tracking-react
OfficialEnable PostHog error tracking in React apps.
Software Engineering#react#posthog#error-boundaries#error-tracking#source-maps#autocapture#frontend-instrumentation
AuthorPostHog
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Capturing and tracking errors in React apps can be verbose and brittle without proper instrumentation. This skill provides a guided path to integrate PostHog error tracking into React, enabling automatic error capture, alerts, and diagnosable insights directly in your frontend.
Core Features & Use Cases
- Automatic error capture: Enable exception autocapture across the React app with minimal changes.
- Source maps & debugging: Upload and use source maps to map stack traces to original source code.
- Error boundaries and manual capture: Use React error boundaries and captureException for errors beyond global handling.
- Guided best practices: Environment-variable usage for tokens/hosts and framework guidelines for capturing errors in event handlers.
- Use Case: Instrument a React app to monitor client-side errors, alert on critical issues, and link to PostHog issues for triage.
Quick Start
Install and configure PostHog for React, enable exception autocapture, and verify events appear in the activity feed.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: error-tracking-react Download link: https://github.com/PostHog/skills/archive/main.zip#error-tracking-react Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.