Как отключить реагирующую панель ошибок разработчика, на которой отображается "Необработанное отклонение (ошибка): XXXXX"?

Question

Необработанное отклонение (ошибка)

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.

Я выдаю ошибку, когда получаю ошибку api и ловлю ее по событию unhandledrejection в окне. Но в приложении с реакцией есть панель подсказок по ошибкам разработчика, как показано. Как отключить, мне это не нужно.

Answer 1

Вы можете использовать react-app-rewired настроить CRAконфиг https://github.com/timarney/react-app-rewired

Вот твой config-overrides.js файл

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

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

  return config
}