Adds multiple wallet providers support with Web3modal

config/webpack.config.js

@@ -1,4 +1,6 @@
 const path = require('path')
+const webpack = require('webpack')
+const Dotenv = require('dotenv-webpack');
 
 module.exports = {
   mode: 'production',
@@ -8,7 +10,7 @@ module.exports = {
     filename: 'index.js',
     library: 'DropKit',
     libraryTarget: 'umd',
-    libraryExport: "default",
+    libraryExport: 'default',
     globalObject: 'this',
   },
   module: {
@@ -27,5 +29,25 @@ module.exports = {
   },
   resolve: {
     extensions: ['.ts', '.js', '.tsx', '.jsx'],
+    fallback: {
+      'util': require.resolve('util/'),
+      'http': require.resolve('stream-http'),
+      'https': require.resolve('https-browserify'),
+      'os': require.resolve('os-browserify/browser'),
+      'assert': require.resolve('assert/'),
+      'stream': require.resolve('stream-browserify'),
+      'buffer': require.resolve('buffer'),
+    }
   },
+  plugins: [
+    // // Work around for Buffer is undefined:
+    // // https://github.com/webpack/changelog-v5/issues/10
+    new webpack.ProvidePlugin({
+      Buffer: ['buffer', 'Buffer'],
+    }),
+    // new webpack.ProvidePlugin({
+    //   process: 'process/browser',
+    // }),
+    new Dotenv(),
+  ]
 }