How to disable react dev error panel which show 'Unhandled Rejection (Error):XXXXX'?

user_12708074 0
Viewed 612

Unhandled Rejection (Error)

Unhandled Rejection (Error): User does not exist
(anonymous function)
src/service/index.ts:102
   99 | if (customConfig.rawData) return res.data
  100 | if (res.data.code != 0) {
  101 |   const message = res.data.msg || `Api Error：code - ${res.data.code}`
> 102 |   const error = new Error(message)
      | ^  103 |   ;(error as any).response = res
  104 |   ;(error as any).config = res.config
  105 |   ;(error as any).response = res
View compiled
This screen is visible only in development. It will not appear if the app crashes in production.
Open your browser’s developer console to further inspect this error.  Click the 'X' or hit ESC to dismiss this message.

I throw error when get a api error and catch that by event 'unhandledrejection' on window. But in a react application, there is a dev error tips panel as shown. How can i disable it, i don't need it.

unhandled-promise-rejection promise create-react-app reactjs
1 Answers

You can use react-app-rewired to tweak CRA config https://github.com/timarney/react-app-rewired

Here is your config-overrides.js file

module.exports = (config) => {
  const refreshPlugin = config.plugins.find((plugin) => plugin?.constructor?.name === 'ReactRefreshPlugin')

  if (refreshPlugin) {
    refreshPlugin.options.overlay = false
  }

  return config
}
user_99179330
Related