core.error.Boundary.tsx Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of n2o-react
The newest version!
import React, { Component, createContext, ErrorInfo } from 'react'

import { ErrorContainer } from './Container'
import { ErrorBoundaryContextType, ErrorBoundaryProps } from './types'

const toError = (error: unknown): Error => {
    if (error instanceof Error) { return error }
    if (error) { return new Error(String(error)) }

    return new Error('Unknown error')
}

export const ErrorBoundaryContext = createContext({
    onError(error: Error | string): void {
        // eslint-disable-next-line no-console
        console.error(error)
    },
})

export class ErrorBoundary extends Component {
    state = {
        error: null,
    }

    static displayName = 'ErrorBoundary'

    static getDerivedStateFromError(error: Error) {
        return { error }
    }

    componentDidCatch(error: Error, errorInfo: ErrorInfo) {
        const { onError } = this.props

        onError?.(error, errorInfo)
    }

    reset = () => {
        const { onReset } = this.props

        onReset?.()
        this.setState({
            error: null,
        })
    }

    onAsyncError = (errorInfo: Error | string) => {
        const { onError } = this.props
        const error = toError(errorInfo)

        onError?.(error)
        this.setState({ error })
    }

    render() {
        const { error } = this.state
        const { children } = this.props

        return (
            
                {/* @ts-ignore FIXME разобраться в типизации */}
                
                    {children}
                
            
        )
    }
}