Nextjs hydration errors

[RomanFausek]

Hello,

I know this is quite a discussed issue nowadays and I am seeking help because I didn't find an answer in any thread.

Currently, I am using @sentry/nextjs 8.0.0 and getting millions of hydration errors in Sentry monthly. They are being filtered by the inbound filters but this is not enough. Ideally, I would like to get rid of them from the client side before they get sent to the Sentry itself.

I have tried multiple approaches but they are still slipping through:

ignoreErrors: [
    'https://reactjs.org/docs/error-decoder.html?invariant=422',
    'https://reactjs.org/docs/error-decoder.html?invariant=423',
    'https://reactjs.org/docs/error-decoder.html?invariant=425',
  ],

and

beforeSend: event => {
    if (
      event.message &&
      (event.message.toLocaleLowerCase().includes('hydration') ||
        event.message.toLocaleLowerCase().includes('hydrating'))
    ) {
      return null;
    }
}

But still getting these errors:

Any workaround that works for you folks? Thanks in advance!