@kinvolk/headlamp-plugin/lib/components/common/ErrorBoundary/ErrorBoundary.d.ts

The needed infrastructure for building Headlamp plugins.

import { Component, ComponentType, ReactElement, ReactNode } from 'react';
export interface ErrorBoundaryProps {
    fallback?: ReactElement<{
        error: Error;
    }> | ComponentType<{
        error: Error;
    }>;
    children?: ReactNode;
}
interface State {
    error: Error | null;
}
/**
 * Stop errors in some components from breaking the whole app.
 *
 * > A JavaScript error in a part of the UI shouldn’t break the whole app.
 * > To solve this problem for React users, React 16 introduces a new concept
 * > of an “error boundary”.
 *
 * @see https://reactjs.org/docs/error-boundaries.html
 *
 * @example
 * ```tsx
 * <ErrorBoundary><p>this might fail</p></ErrorBoundary>
 *
 * <ErrorBoundary
 *   key={someName}
 *   fallback={({error}) => {
 *     return <div>An error has occurred: {error}</div>;
 *   }}
 * >
 *   <p>a component that might fail</p>
 * </ErrorBoundary>
 *
 * <ErrorBoundary fallback={<p>a fallback</p>}><p>this might fail</p></ErrorBoundary>
 * ```
 */
export default class ErrorBoundary extends Component<ErrorBoundaryProps, State> {
    state: State;
    static getDerivedStateFromError(error: Error | null): {
        error: Error | null;
    };
    componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: State): void;
    render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
}
export {};