chore: setup node polyfills

Author: colbr

package-lock.json

@@ -103,6 +103,7 @@
   },
   "devDependencies": {
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
+    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@testing-library/dom": "^10.1.0",
     "@testing-library/react": "^12.1.5",
     "@types/enzyme": "^3.10.10",

package.json

@@ -2,6 +2,7 @@ import { defineConfig, loadEnv } from 'vite';
 import react from '@vitejs/plugin-react-swc';
 import { resolve } from 'path';
 import svgr from 'vite-plugin-svgr';
+import NodeGlobalsPolyfillPlugin from '@esbuild-plugins/node-globals-polyfill';
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
@@ -48,5 +49,19 @@ export default defineConfig(({ mode }) => {
       environment: 'jsdom',
       setupFiles: ['./setupVitest.ts'],
     },
+    optimizeDeps: {
+      esbuildOptions: {
+        // Node.js global to browser globalThis
+        define: {
+          global: 'globalThis',
+        },
+        // Enable esbuild polyfill plugins
+        plugins: [
+          NodeGlobalsPolyfillPlugin({
+            buffer: true,
+          }),
+        ],
+      },
+    },
   };
 });