How to limit Sentry to only capture events when in production in NextJS?

[dokgu]

I'm moving from React to NextJS and I'm having issues limiting Sentry to only run on production environments. What I used to do was:

if (process.env.NODE_ENV === 'production') {
  Sentry.init({
    dsn: process.env.REACT_APP_SENTRY_DSN,
    tracesSampleRate: 1.0,
    replaysSessionSampleRate: 0.1,
    replaysOnErrorSampleRate: 1.0,
    environment: process.env.NODE_ENV,
    release: `${process.env.REACT_APP_NAME}-${process.env.REACT_APP_VERSION}`,
    integrations: [
      new BrowserTracing(),
      new Replay({
        maskAllText: false,
        blockAllMedia: false
      })
    ]
  });
}

I have a new project that I'm writing in NextJS but the process for initializing Sentry is different. I used a wizard to help set everything up. Now I'm unclear as to where I would do my if (process.env.NODE_ENV === 'production') to conditionally specify when Sentry is allowed to capture errors and send them to the cloud.

[AbhiPrasad]

Hey @dokgu, using process.env.NODE_ENV === 'production' should work as well!

What we recommend doing though is only setting process.env.REACT_APP_SENTRY_DSN in production, as passing a undefined DSN to the Sentry.init calls disables Sentry and it's functionality.

[dokgu]

Thanks @AbhiPrasad! So do I understand this right?

// Production
SENTRY_DSN=https://{blah}@{blah}.ingest.sentry.io/{blah}

Sentry.init({
  dsn: process.env.SENTRY_DSN,
  tracesSampleRate: 1.0,
  replaysSessionSampleRate: 0.1,
  replaysOnErrorSampleRate: 1.0,
  environment: process.env.NODE_ENV,
  release: `${process.env.APP_NAME}-${process.env.APP_VERSION}`,
  integrations: [
    new BrowserTracing(),
    new Replay({
      maskAllText: false,
      blockAllMedia: false
    })
  ]
});

Sentry.captureMessage('A message I am manually capturing.');

// Development
SENTRY_DSN=

Sentry.init({
  dsn: process.env.SENTRY_DSN,
  tracesSampleRate: 1.0,
  replaysSessionSampleRate: 0.1,
  replaysOnErrorSampleRate: 1.0,
  environment: process.env.NODE_ENV,
  release: `${process.env.APP_NAME}-${process.env.APP_VERSION}`,
  integrations: [
    new BrowserTracing(),
    new Replay({
      maskAllText: false,
      blockAllMedia: false
    })
  ]
});

Sentry.captureMessage('A message I am manually capturing.'); // Should not throw an exception because Sentry isn't initialized?

[AbhiPrasad]

// Should not throw an exception because Sentry isn't initialized?

exactly!

[dokgu]

Thank you - this does seem like a simple solution compared to checking the NODE_ENV value. I appreciate it!

On my React project I pretty much wrapped everything on my utility file like so:

export const message = (message: string): void => {
  if (process.env.NODE_ENV === 'production') {
    Sentry.captureMessage(message);
  }
};

That way if I call the sentry utility message function in development mode, it will just do nothing. I'm glad that I don't have to do all of these now and just make sure not to set the DSN on environments I don't want Sentry to capture errors from. Thank you!