Handle unexpected errors.

Example

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

...

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

Properties

NameDescription
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:

NameDescription
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.