yarn add --dev webpack-bugsnag-plugins

// next.config.js
const { BugsnagSourceMapUploaderPlugin } = require("webpack-bugsnag-plugins");

module.exports = {

  // 本番環境でもSource Maps生成を有効にする
  productionBrowserSourceMaps: true,

  // 実行時にクライアントとサーバー側両方で読み込める値で、
  // package.jsonのversionの変数を定義する
  publicRuntimeConfig: {
    version: process.env.npm_package_version,
  },

  webpack: (config) => {
    // Vercelでデフォルト適用される環境変数を利用して、本番環境かどうかを確認。
    if (process.env.NEXT_PUBLIC_VERCEL_ENV === "production") {
      config.plugins.push(
        new BugsnagSourceMapUploaderPlugin({
          // 自身でVercelのプロジェクトの環境変数に設定した、
          // BugsnagのAPI Keyを適用
          apiKey: process.env.NEXT_PUBLIC_BUGSNAG_API_KEY,
          appVersion: process.env.npm_package_version,
          overwrite: true,
          publicPath: "*/",
        })
      );
    }

    return config;
  },
}

// _app.ts
import Bugsnag from '@bugsnag/js';
import BugsnagPluginReact from '@bugsnag/plugin-react';
import getConfig from 'next/config';

const {publicRuntimeConfig} = getConfig();

Bugsnag.start({
  // next.config.jsで指定した値と同じ値
  apiKey: process.env.NEXT_PUBLIC_BUGSNAG_API_KEY,

  // next.config.jsで指定したversionと同じversionを指定する必要がある。
  // そのためpublicRuntimeConfigに適用した、package.jsonのversionを指定する
  appVersion: publicRuntimeConfig.version,

  // vercelの環境で分けておくと便利
  releaseStage: process.env.NEXT_PUBLIC_VERCEL_ENV ?? 'local',

  plugins: [new BugsnagPluginReact()],
});

// next.config.js

module.exports = {
  rewrites() {
    return {
      beforeFiles: [
        {
          source: "/:path*.map",
          destination: "/404",
        },
      ],
    };
  }
}