config-overrides.js

const NodePolyfillPlugin = require("node-polyfill-webpack-plugin");
module.exports = {
  webpack: function (config, env) {
    // ...add your webpack config
    config["plugins"].push(
      new NodePolyfillPlugin({
        excludeAliases: ["console"],
      })
    );
    config["resolve"] = {
      ...config["resolve"],
      fallback: {
        path: require.resolve("path-browserify"),
        stream: require.resolve("stream-browserify"),
        os: require.resolve("os-browserify"),
      },
    };
    config["module"] = {
      rules: [
        {
          test: /\.js$/,
          exclude: /node_modules/,
          use: {
            loader: "babel-loader",
          },
        },
        {
          test: /\.css$/,
          use: ["style-loader", "css-loader"],
        },
        {
          test: /\.scss$/,
          use: ["style-loader", "css-loader", "sass-loader"],
        },
        {
          test: /\.(png|jpe?g|gif)$/i,
          use: [
            {
              loader: "file-loader",
            },
          ],
        },
      ],
    };
    return config;
  },
};