config-overrides.js

const webpack = require('webpack');

module.exports = function override(config) {
  const fallback = config.resolve.fallback || {};
  Object.assign(fallback, {
    stream: require.resolve('stream-browserify'),
    path: require.resolve('path-browserify'),
    os: require.resolve('os-browserify/browser'),
    fs: require.resolve('browserify-fs'),
    url: require.resolve('url'),
    buffer: require.resolve('buffer'),
    util: require.resolve('util'),
  });
  config.resolve.fallback = fallback;

  config.resolve.alias = {
    'eslint-visitor-keys': require.resolve('eslint-visitor-keys'),
  };

  config.plugins.push(
    new webpack.ProvidePlugin({
      process: 'process/browser',
      Buffer: ['buffer', 'Buffer'],
    })
  );

  config.plugins.push(
    new webpack.DefinePlugin({
      'process.versions.node': '"16.16.0"',
    })
  );

  return config;
};