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.