Sentry doesn't work in NextJS (no events are shown from both server and client)

[abriginets]

Hello. I have just finished setting up NextJS config for Sentry and I can't seem to make it work in any way. My self-hosted instance just doesn't register any events or errors. Also there are no errors in the console or logs that I could reference. What should I do to get to the bottom of this issue?

sentry.server.config.ts

import * as Sentry from '@sentry/nextjs';

const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN;

Sentry.init({
  dsn: SENTRY_DSN,
  tracesSampleRate: 1,
  debug: true,
});

sentry.client.config.ts

import * as Sentry from '@sentry/nextjs';

const SENTRY_DSN = process.env.SENTRY_DSN || process.env.NEXT_PUBLIC_SENTRY_DSN;

Sentry.init({
  dsn: SENTRY_DSN,
  tracesSampleRate: 1,
  debug: true,
  replaysOnErrorSampleRate: 1.0,
  replaysSessionSampleRate: 0.1,
  integrations: [
    new Sentry.Replay({
      maskAllText: true,
      blockAllMedia: true,
    }),
  ],
});

next.config.js

const withBundleAnalyzer = require('@next/bundle-analyzer')({
  enabled: process.env.ANALYZE === 'true',
});
const { withSentryConfig } = require('@sentry/nextjs');
const withPlugins = require('next-compose-plugins');
const withPWA = require('next-pwa');
const withNextTranslate = require('next-translate-plugin');

const { BACKEND_URL } = process.env;

/**
 * @type {import('next').NextConfig}
 */
const nextConfig = {
  images: {
    domains: ['mpics.avs.io', 'pics.avs.io', 'yasen.aviasales.ru'],
  },
  experimental: {
    browsersListForSwc: true,
    legacyBrowsers: false,
    nextScriptWorkers: true,
    proxyTimeout: 60_000,
  },
  poweredByHeader: false,
  swcMinify: true,
  reactStrictMode: true,
  excludeFile: (str) => /\*.{spec,test}.tsx?/.test(str),
  async rewrites() {
    return {
      beforeFiles: [
        {
          source: '/sitemap.xml',
          destination: `${BACKEND_URL}/api/sitemap/index`,
        },
        {
          source: '/sitemap/countries.xml',
          destination: `${BACKEND_URL}/api/sitemap/countries`,
        },
        {
          source: '/sitemap/cities.xml',
          destination: `${BACKEND_URL}/api/sitemap/cities`,
        },
        {
          source: '/sitemap/airports.xml',
          destination: `${BACKEND_URL}/api/sitemap/airports`,
        },
        {
          source: '/sitemap/routes.xml',
          destination: `${BACKEND_URL}/api/sitemap/routes`,
        },
        {
          source: '/sitemap/airlines.xml',
          destination: `${BACKEND_URL}/api/sitemap/airlines`,
        },
        {
          source: '/sitemap/special-offers.xml',
          destination: `${BACKEND_URL}/api/sitemap/special-offers`,
        },
      ],
      fallback: [
        {
          source: '/api/:path*',
          destination: `${BACKEND_URL}/api/:path*`,
        },
      ],
    };
  },
};

module.exports = withPlugins(
  [
    withPWA({
      pwa: {
        dest: 'public',
        disable: process.env.NODE_ENV === 'development',
      },
    }),
    withSentryConfig(
      {
        authToken: process.env.SENTRY_AUTH_TOKEN,
        org: 'sentry',
        project: 'flaut-nextjs',
      },
      {
        // Upload a larger set of source maps for prettier stack traces (increases build time)
        widenClientFileUpload: true,
        // Transpiles SDK to be compatible with IE11 (increases bundle size)
        transpileClientSDK: true,
        // Hides source maps from generated client bundles
        hideSourceMaps: true,
        // Automatically tree-shake Sentry logger statements to reduce bundle size
        disableLogger: process.env.NODE_ENV === 'production',
      },
    ),
    withNextTranslate(),
    withBundleAnalyzer,
  ],
  nextConfig,
);

_error.tsx

import * as Sentry from '@sentry/nextjs';
import { NextPageContext } from 'next';
import NextErrorComponent from 'next/error';

// eslint-disable-next-line react/prop-types
const MyError = ({ statusCode }): JSX.Element => {
  return <NextErrorComponent statusCode={statusCode} />;
};

MyError.getInitialProps = async (context: NextPageContext) => {
  await Sentry.captureUnderscoreErrorException(context);

  return NextErrorComponent.getInitialProps(context);
};

export default MyError;

[abriginets]

Apparently Sentry config was overwritten by next-translate through next-compose-plugins.