integration-react-react-router-7-declarative

To add PostHog analytics to a React Router 7 declarative app, wrap your application with PostHogProvider and initialize the client using environment variables. This exposes a configured PostHog client throughout the UI for event capture without altering routing logic.

Tracking user logins with PostHog in React Router requires calling the identify() function upon user authentication. This links captured navigation and feature usage events to real users by associating them with a distinct user identifier within your PostHog project.

Yes, you can capture errors in a React Router application using PostHog by implementing error boundary support. This setup automatically captures unhandled exceptions and reports them to PostHog, allowing you to monitor client-side routing failures and application crashes.

This PostHog integration for React Router primarily targets client-side tracking but includes a blueprint for extending analytics to server-side contexts. It provides reference patterns utilizing tracing headers to enable server-side analytics collection if your application architecture requires it.

No, you do not need to change your routing logic to enable PostHog event capture. This integration applies to React Router v7 declarative mode apps to track routing interactions and login events drop-in style, leaving your existing routing code untouched.