@tracekit/react

TraceKit React SDK -- ErrorBoundary, React 19 error hooks, and React Router breadcrumbs for production error tracking.

Installation

npm install @tracekit/react @tracekit/browser

Quick Start

import { init } from '@tracekit/browser';
import { TraceKitErrorBoundary } from '@tracekit/react';

init({ dsn: 'https://[email protected]/1' });

function App() {
  return (
    <TraceKitErrorBoundary fallback={<p>Something went wrong.</p>}>
      <YourApp />
    </TraceKitErrorBoundary>
  );
}

React Router Breadcrumbs

import { TraceKitRouterBreadcrumbs } from '@tracekit/react';

function App() {
  return (
    <BrowserRouter>
      <TraceKitRouterBreadcrumbs />
      <Routes>{/* your routes */}</Routes>
    </BrowserRouter>
  );
}

Configuration

| Option | Type | Default | Description | |--------|------|---------|-------------| | showDialog | boolean | false | Show a user feedback dialog on error | | fallback | ReactNode | null | Fallback UI to render when an error is caught | | onError | (error, componentStack) => void | undefined | Callback invoked on each caught error |

Documentation

Full documentation: https://app.tracekit.dev/docs/frontend/frameworks

License

MIT