Vite with polyfills for Buffer and global

vite.config.ts

import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
import inject from '@rollup/plugin-inject';

export default defineConfig(({ mode }) => {
  return {
    plugins: [react()],
    build:
      mode === 'production'
        ? {
            rollupOptions: {
              plugins: [inject({ Buffer: ['buffer', 'Buffer'] })],
            },
          }
        : undefined,

    define:
      mode === 'development'
        ? {
            global: {},
          }
        : undefined,
  };
});