overleaf/services/web/frontend/js/infrastructure/error-boundary.js

36 lines
936 B
JavaScript
Raw Normal View History

import React from 'react'
import { ErrorBoundary } from 'react-error-boundary'
function errorHandler(error, componentStack) {
if (window.Raven) {
Raven.captureException(error, {
extra: { componentStack },
tags: { mechanism: 'react-error-boundary' }
})
}
}
function DefaultFallbackComponent() {
return <></>
}
function withErrorBoundary(WrappedComponent, FallbackComponent) {
function ErrorBoundaryWrapper(props) {
return (
<ErrorBoundary
FallbackComponent={FallbackComponent || DefaultFallbackComponent}
onError={errorHandler}
>
<WrappedComponent {...props} />
</ErrorBoundary>
)
}
ErrorBoundaryWrapper.propTypes = WrappedComponent.propTypes
ErrorBoundaryWrapper.displayName = `WithErrorBoundaryWrapper${WrappedComponent.displayName ||
WrappedComponent.name ||
'Component'}`
return ErrorBoundaryWrapper
}
export default withErrorBoundary