Frontend framework

React observability, live in minutes.

Error tracking and session replay for React with a single provider component.

Create a project Full React docs
Three ways in

Snippet, wizard, or manual.

Lead with the fastest path — the copy-paste snippet with your token baked in. The wizard and manual setup stay available.

  1. STEP 1
    Copy-paste the snippet

    Create a React project, drop the snippet into your entry file — token baked in.

  2. STEP 2
    Run the wizard

    npx tracepath-wizard installs @tracepath/react and wraps your App.

  3. STEP 3
    Manual path

    npm install @tracepath/react and wrap your tree with TracePathProvider.

Real code

A working App.jsx.

Taken from our own examples and docs — this is the actual shape of a React integration.

import { TracePathProvider } from "@tracepath/react";

function App() {
  return (
    <TracePathProvider connectionString="your-token@https://ingest.tracepath.dev/api/report">
      <YourApp />
    </TracePathProvider>
  );
}

Source: docs/pages/client/react/index.mdx in the TracePath repo. TODO-verify: snippet matches the latest SDK release before publishing.

What you get

Built for React.

Render-error boundary + uncaught error capture

Session replay on by default (~30s pre-exception buffer)

Hooks for manual capture and user context

Source-map upload and debug-ID support

Browse everything tagged #react →

Other frameworks

Next.jsNestJSExpressHonoGoFlutterVueSvelte

Instrument React today.

Free plan, no credit card. First event in under five minutes.

Start freeSelf-host instead