20 lines
546 B
TypeScript
20 lines
546 B
TypeScript
import { Box, Button, Text } from '@traefiklabs/faency'
|
|
import { FallbackProps } from 'react-error-boundary'
|
|
|
|
const ErrorFallback = ({ error, resetErrorBoundary }: FallbackProps) => {
|
|
return (
|
|
<Box role="alert">
|
|
<Box css={{ mb: '$2' }}>
|
|
<Text as="p">Something went wrong:</Text>
|
|
</Box>
|
|
<Box css={{ mb: '$2' }}>
|
|
<Text variant="red">{error.message}</Text>
|
|
</Box>
|
|
<Button type="button" onClick={resetErrorBoundary}>
|
|
Try again
|
|
</Button>
|
|
</Box>
|
|
)
|
|
}
|
|
|
|
export default ErrorFallback
|