craco.config.js

const webpack = require('webpack')

module.exports = {
  jest: {
    configure: {
      globals: {
        CONFIG: true,
      },
    },
  },
  webpack: {
    plugins: {
      add: [
        new webpack.ProvidePlugin({
          Buffer: ['buffer', 'Buffer'],
          process: 'process/browser',
        }),
        new webpack.IgnorePlugin({
          checkResource(resource) {
            return /.*\/wordlists\/(?!english).*\.json/.test(resource)
          },
        }),
      ],
      remove: ['ModuleScopePlugin'],
    },
    configure: (webpackConfig) => {
      const scopePluginIndex = webpackConfig.resolve.plugins.findIndex(
        ({ constructor }) => constructor && constructor.name === 'ModuleScopePlugin',
      )
      webpackConfig.resolve.plugins.splice(scopePluginIndex, 1)
      webpackConfig.resolve.fallback = {
        buffer: require.resolve('buffer'),
        path: require.resolve('path-browserify'),
        crypto: require.resolve('crypto-browserify'),
        stream: require.resolve('stream-browserify'),
        vm: require.resolve('vm-browserify'),
        fs: false,
      }
      webpackConfig.experiments = { asyncWebAssembly: true }
      webpackConfig.module.rules
        .find((i) => 'oneOf' in i)
        .oneOf.find((i) => i.type === 'asset/resource')
        .exclude.push(/\.wasm$/);
      return webpackConfig
    }
  }
}