Framework Guides

npm install @noisegate/sdk

import * as Sentry from "@sentry/nextjs";
import { initNoisegate, isNoise } from "@noisegate/sdk";

initNoisegate({ apiKey: process.env.NEXT_PUBLIC_NOISEGATE_API_KEY! });

Sentry.init({
  dsn: process.env.NEXT_PUBLIC_SENTRY_DSN,
  beforeSend: (event, hint) => {
    const error = hint?.originalException;
    if (error instanceof Error && isNoise(error)) return null;
    return event;
  },
});

NEXT_PUBLIC_NOISEGATE_API_KEY=ng_live_xxxxxxxxxxxx

// src/sentry.ts
import * as Sentry from "@sentry/react";
import { initNoisegate, isNoise } from "@noisegate/sdk";

initNoisegate({ apiKey: import.meta.env.VITE_NOISEGATE_API_KEY });

export function initSentry() {
  Sentry.init({
    dsn: import.meta.env.VITE_SENTRY_DSN,
    integrations: [Sentry.browserTracingIntegration()],
    beforeSend: (event, hint) => {
      const error = hint?.originalException;
      if (error instanceof Error && isNoise(error)) return null;
      return event;
    },
  });
}

// src/plugins/sentry.ts
import * as Sentry from "@sentry/vue";
import { initNoisegate, isNoise } from "@noisegate/sdk";
import type { App } from "vue";

initNoisegate({ apiKey: import.meta.env.VITE_NOISEGATE_API_KEY });

export function initSentry(app: App) {
  Sentry.init({
    app,
    dsn: import.meta.env.VITE_SENTRY_DSN,
    beforeSend: (event, hint) => {
      const error = hint?.originalException;
      if (error instanceof Error && isNoise(error)) return null;
      return event;
    },
  });
}