call @sentry/angular-ivy and @sentry/react ?

[schmitch]

hello we at the moment are migrating our angular application to react and we do wonder if we can init both sdks like this:

import {init as angularInit} from '@sentry/angular-ivy';
import {Replay as SentryReactReplay, init as reactInit} from '@sentry/react';

  // should we really hardcode that value?!
  angularInit({
    dsn: 'https://[email protected]/11',
    integrations: [],
    // Set tracesSampleRate to 1.0 to capture 100%
    // of transactions for performance monitoring.
    // We recommend adjusting this value in production
    tracesSampleRate: 1.0,
  });

  reactInit({
    dsn: 'https://[email protected]/11',
    integrations: [new SentryReactReplay()],

    // Capture Replay for 10% of all sessions,
    // plus for 100% of sessions with an error
    replaysSessionSampleRate: 0.0,
    replaysOnErrorSampleRate: 1.0,
  });

or should this be a little bit different?

[AbhiPrasad]

Hey! I would not recommend initializing both SDKs - they will conflict with each other.

I would initialize the react SDK, and only use the ErrorHandler and TraceService from the Angular SDK.

// main.ts
import {Replay as SentryReactReplay, init as reactInit} from '@sentry/react';

reactInit({
  dsn: __PUBLIC_DSN__,
  integrations: [new SentryReactReplay()],

  // Capture Replay for 10% of all sessions,
  // plus for 100% of sessions with an error
  replaysSessionSampleRate: 0.0,
  replaysOnErrorSampleRate: 1.0,
});

// app.module.ts
import { NgModule, ErrorHandler } from "@angular/core";
import * as Sentry from "@sentry/angular-ivy";

@NgModule({
  // ...
  providers: [
    {
      provide: ErrorHandler,
      useValue: Sentry.createErrorHandler(),
    },
  ],
  // ...
});

export class AppModule {}