› › ›

ErrorBoundary

Handle unexpected errors.

import { ErrorBoundary } from "@elastic/react-search-ui";

...

<ErrorBoundary>
  <div>Some Content</div>
</ErrorBoundary>

Name	Description
className
children	Content to show if no error has occurred, will be replaced with error messaging if there was an error.
view	Used to override the default view for this Component. See View customization below.
*	Any other property passed will be passed through and available to use in a Custom View

A complete guide to view customization can be found in the Customization: Component views and HTML section.

The following properties are available in the view:

Name	Description
className	Passed through from main component.
children	Content to show if no error has occurred, will be replaced with error messaging if there was an error.
error	Type: `string`. The error message to show if an error occurred.

See ErrorBoundary.tsx for an example.