react-scripts

config-overrides.js

const webpack = require("webpack");

module.exports = function override(config) {
  const fallback = config.resolve.fallback || {};
  Object.assign(fallback, {
    // assert: require.resolve("assert"),
    // crypto: require.resolve("crypto-browserify"),
    https: require.resolve("https-browserify"),
    os: require.resolve("os-browserify"),
    stream: require.resolve("stream-browserify"),
    http: require.resolve("stream-http"),
    // url: require.resolve("url"),
  });
  config.resolve.fallback = fallback;
  config.plugins = (config.plugins || []).concat([
    new webpack.ProvidePlugin({
      process: "process/browser",
      Buffer: ["buffer", "Buffer"],
    }),
  ]);
  // config.ignoreWarnings = [/Failed to parse source map/];
  // config.module.rules.push({
  //   test: /\.(js|mjs|jsx)$/,
  //   enforce: "pre",
  //   loader: require.resolve("source-map-loader"),
  //   resolve: {
  //     fullySpecified: false,
  //   },
  // });
  return config;
};

package.json

"react-scripts": "5.0.1",