next.config.js

const path = require('path');

module.exports = {
    webpack: (config, options) => {
        config.resolve.extensions.push('.ts', '.tsx');

        config.module.rules.push({
            test: /\.tsx?$/,
            include: [path.resolve(__dirname, '../shared-types')],
            use: [options.defaultLoaders.babel, { loader: 'ts-loader' }],
        });

        // Use to disable optimization if debug breakpoints aren't getting bound correctly
        // config.optimization.minimize = false; // Disable code minimization
        // config.optimization.usedExports = false; // Disable tree shaking

        return config;
    },
};

// Injected content via Sentry wizard below

const { withSentryConfig } = require('@sentry/nextjs');

module.exports = withSentryConfig(
    module.exports,
    {
        // For all available options, see:
        // https://github.com/getsentry/sentry-webpack-plugin#options

        // Suppresses source map uploading logs during build
        silent: true,
        org: 'jorgen-swiderski',
        project: 'netherview',
    },
    {
        // For all available options, see:
        // https://docs.sentry.io/platforms/javascript/guides/nextjs/manual-setup/

        // 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,

        // Routes browser requests to Sentry through a Next.js rewrite to circumvent ad-blockers (increases server load)
        tunnelRoute: '/monitoring',

        // Hides source maps from generated client bundles
        hideSourceMaps: true,

        // Automatically tree-shake Sentry logger statements to reduce bundle size
        disableLogger: true,
    },
);