ReferenceError: Buffer is not defined occurs when try to use @solana/web3.js or tonweb lib methods

[ranlix]

import { ethers } from "ethers";
import TronWeb from "tronweb";
import { PublicKey } from "@solana/web3.js";
import TonWeb from "tonweb";

export function validateEVMAddress(address: string): boolean {
  try {
    return ethers.isAddress(address);
  } catch {
    return false;
  }
}

export function validateSolanaAddress(address: string): boolean {
  try {
    const pubKey = new PublicKey(address);
    return PublicKey.isOnCurve(pubKey);
  } catch {
    return false;
  }
}

export function validateTronAddress(address: string): boolean {
  try {
    return TronWeb.utils.address.isAddress(address);
  } catch {
    return false;
  }
}

export function validateTonAddress(address: string): boolean {
  const Address = TonWeb.utils.Address;
  return Address.isValid(address);
}

export function validateOnChainAddress({
  address,
  type,
}: {
  address: string;
  type: "EVM" | "SOLANA" | "TRON" | "TON";
}): boolean {
  switch (type) {
    case "EVM":
      return validateEVMAddress(address);
    case "SOLANA":
      return validateSolanaAddress(address);
    case "TRON":
      return validateTronAddress(address);
    case "TON":
      return validateTonAddress(address);
    default:
      return false;
  }
}

// vite.config.ts
import { reactRouter } from "@react-router/dev/vite";
import fs from "fs";
import path from "path";
import { defineConfig } from "vite";
import devtoolsJson from "vite-plugin-devtools-json";
import tsconfigPaths from "vite-tsconfig-paths";
import { nodePolyfills } from "vite-plugin-node-polyfills";
import svgr from "vite-plugin-svgr";
import { VitePWA, type ManifestOptions } from "vite-plugin-pwa";

const manifest = {
  name: "repo",
  short_name: "repo",
  theme_color: "#ffffff",
  background_color: "#000000",
  display: "standalone", // 改为standalone以显示安装提示
  orientation: "portrait",
  scope: "/",
  start_url: "/",
  icons: [
    {
      src: "icons/icon-72x72.png",
      sizes: "72x72",
      type: "image/png",
      purpose: "any maskable",
    },
  ],
} satisfies Partial<ManifestOptions>;

export default defineConfig({
  envPrefix: "NEXT_PUBLIC_",
  plugins: [
    reactRouter(),
    tsconfigPaths(),
    devtoolsJson(),
    svgr({
      include: "**/*.svg",
      svgrOptions: {
        icon: true,
        svgo: true,
        svgoConfig: {
          plugins: [
            {
              name: "preset-default",
              params: {
                overrides: {
                  removeViewBox: false,
                },
              },
            },
          ],
        },
      },
    }),
    VitePWA({
      manifest,
      registerType: "autoUpdate",
      devOptions: {
        enabled: true,
        type: "module",
      },
      workbox: {
        skipWaiting: true,
        clientsClaim: true,
        navigationPreload: false,
        disableDevLogs: true,
      },
      includeAssets: [
        "favicon.svg",
        "favicon.ico",
        "robots.txt",
        "apple-touch-icon.png",
      ],
      injectRegister: "auto",
    }),
    // nodePolyfills(),
  ],
  ssr: {
    noExternal: ["react-use"],
  },
  optimizeDeps: {
    include: ["react-use", "tonweb", "@solana/web3.js"],
  },
  resolve: {
    alias: {
      "@repo/shared": path.resolve(__dirname, "../../packages/shared/src"),
    },
  },
});

And then, there is an error like this:

And I tried to polyfill with vite-plugin-node-polyfills with nodePolyfills(), another error occurs:

[vite] Internal server error: module is not defined
web-spa:dev:       at eval (/Users/ran/workspace/work/repo/node_modules/.pnpm/stream-browserify@3.0.0/node_modules/stream-browserify/index.js:24:1)
web-spa:dev:       at ESModulesEvaluator.runInlinedModule (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1070:6)
web-spa:dev:       at SSRCompatModuleRunner.directRequest (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1284:82)
web-spa:dev:       at SSRCompatModuleRunner.directRequest (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:25274:35)
web-spa:dev:       at SSRCompatModuleRunner.cachedRequest (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1179:28)
web-spa:dev:       at request (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1228:79)
web-spa:dev:       at eval (/Users/ran/workspace/work/repo/node_modules/.pnpm/@react-router+dev@7.6.3_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_react-route_326c62b2e70460d06f26a0562b455634/node_modules/@react-router/dev/dist/config/defaults/entry.server.node.tsx:5:533)
web-spa:dev:       at ESModulesEvaluator.runInlinedModule (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1062:5)
web-spa:dev:       at SSRCompatModuleRunner.directRequest (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1284:61)
web-spa:dev:       at SSRCompatModuleRunner.directRequest (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:25274:23)
web-spa:dev:       at SSRCompatModuleRunner.cachedRequest (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1180:76)
web-spa:dev:       at eval (virtual:react-router/server-build:15:35)
web-spa:dev:       at ESModulesEvaluator.runInlinedModule (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1062:5)
web-spa:dev:       at SSRCompatModuleRunner.directRequest (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1284:61)
web-spa:dev:       at SSRCompatModuleRunner.directRequest (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:25274:23)
web-spa:dev:       at SSRCompatModuleRunner.cachedRequest (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1180:76)
web-spa:dev:       at SSRCompatModuleRunner.import (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/module-runner.js:1117:12)
web-spa:dev:       at instantiateModule (file:///Users/ran/workspace/work/repo/node_modules/.pnpm/vite@6.3.5_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_terser@5.40.0_yaml@2.8.0/node_modules/vite/dist/node/chunks/dep-DBxKXgDP.js:25231:12)
web-spa:dev:       at /Users/ran/workspace/work/repo/node_modules/.pnpm/@react-router+dev@7.6.3_@types+node@20.17.52_jiti@2.4.2_lightningcss@1.30.1_react-route_326c62b2e70460d06f26a0562b455634/node_modules/@react-router/dev/dist/vite.js:3328:27

[ranlix]

By disable SSR with replace react-router dev with vite, it works well