error-tracking-react

Configure PostHog error tracking for React with exception capture and source maps.

Updated Feb 24, 2026
One-click install
npx skills add https://github.com/FrekiManagarm/dunlo --skill error-tracking-react-frekimanagarm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: error-tracking-react
Source: https://github.com/FrekiManagarm/dunlo/tree/main/.agents/skills/error-tracking-react
Command: npx skills add https://github.com/FrekiManagarm/dunlo --skill error-tracking-react-frekimanagarm

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps React developers capture and organize runtime errors in PostHog so issues are visible, actionable, and properly grouped instead of being lost or hard to debug.

Core Features & Use Cases

  • PostHog React setup for error tracking: Install and initialize PostHog in a React app using environment-based configuration.
  • Exception autocapture and manual capture: Enable global exception capture and capture errors at boundaries where they don’t naturally propagate.
  • Source map upload guidance for correct stack traces: Ensure stack traces resolve to original code by uploading source maps.

Use case: When a component renders incorrectly and throws, this skill instructs how to capture the exception (globally and at the error boundary) and how to upload source maps so the stack trace points to your original source files.

Quick Start

Configure PostHog for your React app using the provided React installation steps and enable exception autocapture, then upload source maps so captured errors resolve to your original code.

Frequently Asked Questions about error-tracking-react

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

FAQPage Schema
How do I add PostHog error tracking to a React app?

PostHog error tracking for React requires initializing the SDK with environment-based API host and token configuration, wrapping your application in PostHogProvider, and enabling exception autocapture to collect runtime errors.

Why are my PostHog React stack traces showing minified code?

Minified stack traces in PostHog appear when source maps are not uploaded. You must upload source maps for your minified builds so that captured runtime exceptions resolve correctly and point back to your original source files.

Does PostHog exception autocapture handle React Error Boundary failures?

PostHog exception autocapture captures global runtime exceptions, but errors caught by React Error Boundaries do not naturally propagate. You must use manual captureException at your error boundaries to ensure these failures are tracked.

How are runtime exceptions grouped into issues in PostHog?

PostHog groups captured runtime exceptions into searchable issues using fingerprinting and issue grouping mechanisms. This organization makes errors visible and actionable rather than lost or hard to debug.

What do I need to configure before capturing exceptions in React with PostHog?

Before capturing exceptions in React with PostHog, you need environment-based API host and token configuration. You then initialize the PostHog SDK and wrap your application component tree with PostHogProvider.

Can I set up alerts for captured React exceptions in PostHog?

Yes, PostHog supports alerting for captured React exceptions. Once exception autocapture and error boundary tracking are enabled, you can configure alerts and monitoring based on the grouped issues generated from your application's runtime errors.