反应边界错误无法正常工作

如何解决反应边界错误无法正常工作

我正在使用 react-error-boundary 库来捕获我的 React 应用程序中的错误，但有些地方无法正常工作。如果出现错误，我的自定义视图会显示 2 秒，然后错误出现在浏览器窗口中。

这是我的布局：

 return (
<Router>
  <ErrorBoundary FallbackComponent={errorFallback}>
    <Layout>
      <div className="dashboard-wrapper">
        <Switch>
          <Redirect exact from="/" to="/agent" />
          <Route path="/admin" render={(props) => <Admin {...props} />} />
          <Route path="/agent" render={(props) => <Agent {...props} />} />
          <Route path="/warehouse" render={(props) => <Warehouse {...props} />} />
        </Switch>
      </div>
    </Layout>
  </ErrorBoundary>
</Router>


 );

这是我的 errorFallback 函数：

const errorFallback = ({ error,resetErrorBoundary }) => {
    return (
      <div role="alert">
        <p>Something went wrong:</p>
        <pre style={{ color: "red" }}>{error.message}</pre>
      </div>
    );
  };

也许有人知道可能是什么问题？！ 提前致谢！