config-overrides.js

const webpack = require('webpack');

module.exports = function override(config) {
  const fallback = config.resolve.fallback || {};
  Object.assign(fallback, {
    fs: false,
    net: false,
    tls: false,
    crypto: require.resolve("crypto-browserify"),
    ethers: require.resolve("ethers"),
    stream: require.resolve("stream-browserify"),
    assert: require.resolve("assert"),
    http: require.resolve("stream-http"),
    https: require.resolve("https-browserify"),
    os: require.resolve("os-browserify"),
    path: require.resolve("path-browserify"),
    util: require.resolve("util"),
    url: require.resolve("url"),
    zlib: require.resolve("browserify-zlib"),
    "process/browser": require.resolve("process/browser"),
  });
  config.resolve.fallback = fallback;
  const experiments = config.experiments || {};
  Object.assign(experiments, {
    topLevelAwait: true
  });
  config.experiments = experiments;
  config.ignoreWarnings = [/Failed to parse source map/];
  config.plugins = (config.plugins || []).concat([
    new webpack.ProvidePlugin({
      process: 'process/browser',
      Buffer: ['buffer', 'Buffer']
    })
  ]);
  config.module.rules.unshift({
    test: /\.m?js$/,
    resolve: {
      fullySpecified: false, // disable the behavior
    },
  });
  return config;
}