@loopkit/react
Version:
React TypeScript wrapper for @loopkit/javascript with built-in auto-tracking and comprehensive TypeScript support
33 lines (32 loc) • 1.24 kB
TypeScript
import React, { Component, ErrorInfo, ReactNode } from 'react';
interface Props {
children: ReactNode;
fallback?: ReactNode | ((error: Error, errorInfo: ErrorInfo) => ReactNode);
onError?: (error: Error, errorInfo: ErrorInfo) => void;
enableTracking?: boolean;
}
interface State {
hasError: boolean;
error: Error | null;
errorInfo: ErrorInfo | null;
}
/**
* React Error Boundary with automatic error tracking
*
* This component catches React component errors and automatically tracks them
* with LoopKit, complementing the JavaScript SDK's global error tracking.
*/
export declare class LoopKitErrorBoundary extends Component<Props, State> {
constructor(props: Props);
static getDerivedStateFromError(error: Error): State;
componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
render(): string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
}
/**
* Higher-order component to wrap components with error boundary
*/
export declare function withErrorBoundary<P extends object>(WrappedComponent: React.ComponentType<P>, errorBoundaryProps?: Omit<Props, 'children'>): {
(props: P): React.JSX.Element;
displayName: string;
};
export {};