next.config.js

const webpack = require("webpack");

/** @type {import('next').NextConfig} */
const nextConfig = {
  reactStrictMode: false,
  webpack: (config, { isServer }) => {
    // Exclude canvas from bundle (Konva tries to import it for server-side rendering)
    config.externals = [...(config.externals || []), { canvas: "canvas" }];

    // Fix for wagmi/Reown AppKit SSR issues
    if (!isServer) {
      config.resolve.fallback = {
        ...config.resolve.fallback,
        fs: false,
        net: false,
        tls: false,
      };
    }

    // Externalize problematic SSR modules
    if (isServer) {
      config.externals.push("pino-pretty", "lokijs", "encoding");
    }

    // @x402/* are optional peer deps of @coinbase/cdp-sdk (pulled via @base-org/account)
    config.plugins = [
      ...(config.plugins || []),
      new webpack.IgnorePlugin({ resourceRegExp: /^@x402\// }),
    ];

    // Ignore optional dependencies that cause warnings
    config.ignoreWarnings = [
      { module: /node_modules\/@metamask\/sdk/ },
      { module: /node_modules\/pino/ },
      { module: /node_modules\/@walletconnect/ },
      { module: /node_modules\/idb-keyval/ },
    ];

    return config;
  },
};

module.exports = nextConfig;