Browse Source

Use simpler example for ErrorBoundary

pull/2826/head
Gabe Kangas 2 years ago
parent
commit
cb22147ddb
No known key found for this signature in database
GPG Key ID: 4345B2060657F330
  1. 21
      web/components/_COMPONENT_HOW_TO.md

21
web/components/_COMPONENT_HOW_TO.md

@ -78,17 +78,16 @@ The `ComponentError` component is a pre-built error state that can be used to di
import { ErrorBoundary } from 'react-error-boundary'; import { ErrorBoundary } from 'react-error-boundary';
<ErrorBoundary <ErrorBoundary
// eslint-disable-next-line react/no-unstable-nested-components fallbackRender={({ error, resetErrorBoundary }) => (
fallbackRender={({ error: e, resetErrorBoundary }) => ( <ComponentError
<ComponentError componentName="DesktopContent"
componentName="BrowserNotifyModal" message={error.message}
message={e.message} retryFunction={resetErrorBoundary}
retryFunction={resetErrorBoundary} />
/> )}
)} >
> <YourComponent />
<YourFunctionality/> </ErrorBoundary>
</ErrorBoundary
``` ```
## Storybook ## Storybook

Loading…
Cancel
Save