Selectively suppress webpack runtime errors?

[francisashley]

We can disable all runtimeErrors from appearing in the error overlay with https://webpack.js.org/configuration/dev-server/#overlay:

module.exports = () => {
  return {
    devServer: {
      client: {
        overlay: {
          runtimeErrors: false
        }
      }
    }
  };
};

However attempting to provide the handler function

module.exports = () => {
  return {
    devServer: {
      client: {
        overlay: {
          runtimeErrors: (error) => {
              return true;
            }
          }
        }
      }
    }
  };
};

throws the error Invalid options object. Dev Server has been initialized using an options object that does not match the API schema..

Is this easy to resolve? Thanks

CRACO version

7.1.0

[mayuresh82]

I have similar problem, except that my devServer config does not even seem to be taking effect.
craco.config.ts :

import webpack from "webpack";

module.exports = {
  webpack: {
    configure: (webpackConfig: webpack.Configuration, { env, paths }) => {
      webpackConfig.entry = "./src/index.tsx";
      return webpackConfig;
    },
  },
  devServer: {
    client: {
      overlay: {
        errors: true,
        warnings: false,
        runtimeErrors: (error) => {
          if (error.message.includes("ResizeObserver")) {
            return false;
          }
          return true;
        },
      },
    },
  },
};

I dont see any overlay iframes at all for runtime errors. Is this the right way to configure webpack devserver ?