diff --git a/src/components/ErrorBoundary/ErrorBoundary.tsx b/src/components/ErrorBoundary/ErrorBoundary.tsx index cb09123..ae087d9 100644 --- a/src/components/ErrorBoundary/ErrorBoundary.tsx +++ b/src/components/ErrorBoundary/ErrorBoundary.tsx @@ -1,22 +1,29 @@ import React, { ErrorInfo } from "react"; interface ErrorBoundaryProps { - fallback?: JSX.Element; + fallback?: JSX.Element | React.ReactNode; } -export default class ErrorBoundary extends React.Component { - state = { errorMessage: "" }; +interface ErrorBoundaryState { + errorMessage?: string +} + +export default class ErrorBoundary extends React.Component { + constructor(props: any) { + super(props); + this.state = { errorMessage: "" } + } static getDerivedStateFromError(error: any) { return { errorMessage: error.toString() }; } componentDidCatch(error: any, info: ErrorInfo) { - console.error(error); + void(error); console.info(info); } - render() { + render(): JSX.Element | React.ReactNode { if (this.state.errorMessage) { return this.props.fallback ??

{this.state.errorMessage}

; }