ErrorBoundary
Handle unexpected errors.
Example
import { ErrorBoundary } from "@elastic/react-search-ui";
...
<ErrorBoundary>
<div>Some Content</div>
</ErrorBoundary>Properties
| 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 |
View customization
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.