chore: fix #1790

infra/rooch-portal/package.json

@@ -12,6 +12,7 @@
   "dependencies": {
     "@emotion/cache": "11.10.5",
     "@emotion/react": "11.10.6",
+    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@radix-ui/react-aspect-ratio": "^1.0.3",
     "@radix-ui/react-avatar": "^1.0.4",
     "@radix-ui/react-checkbox": "^1.0.4",
@@ -69,6 +70,7 @@
     "postcss": "^8.4.33",
     "tailwindcss": "^3.4.1",
     "typescript": "^5.2.2",
-    "vite": "^5.0.8"
+    "vite": "^5.0.8",
+    "vite-plugin-node-polyfills": "^0.22.0"
   }
 }

infra/rooch-portal/src/pages/transactions/components/transactions-table.tsx

@@ -140,11 +140,7 @@ export const TransactionsTable = () => {
                 <TableCell>
                   <div className="flex flex-col md:flex-row items-start md:items-center justify-start gap-1">
                     <span className="hover:no-underline text-blue-400 hover:text-blue-500 dark:text-blue-300 dark:hover:text-blue-200 transition-all cursor-pointer">
-                      <p>
-                        {formatAddress(
-                          (tx.transaction.data as LedgerTxDataView1).sender.toUpperCase(),
-                        )}
-                      </p>
+                      <p>{formatAddress((tx.transaction.data as LedgerTxDataView1).sender)}</p>
                     </span>
                   </div>
                 </TableCell>

infra/rooch-portal/vite.config.ts

@@ -3,10 +3,10 @@
 import path from 'path'
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
 
-// https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), nodePolyfills()],
   resolve: {
     alias: {
       '@': path.resolve(__dirname, './src'),

package.json

@@ -42,5 +42,8 @@
     "rimraf": "^3.0.2",
     "eslint-config-next": "13.2.4",
     "eslint-import-resolver-alias": "1.1.2"
+  },
+  "resolutions": {
+    "esbuild": "^0.17.19"
   }
 }