Set Up Bugsly for React

1. Install the SDK

2. Configure Bugsly

Add the following to your application entry point. Replace the DSN with your project DSN from the Bugsly dashboard.

import * as Bugsly from "@bugsly/browser";
import { BugslyErrorBoundary } from "@bugsly/react";

Bugsly.init({
  dsn: "https://your-dsn@bugsly.dev/1",
  environment: "production",
  tracesSampleRate: 1.0,
  replaysSessionSampleRate: 0.1,
  replaysOnErrorSampleRate: 1.0,
});

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

3. Verify It Works

Trigger a test error in your application and check your Bugsly dashboard. You should see the error appear within seconds, complete with stack trace, breadcrumbs, and AI-powered analysis.

Frequently Asked Questions