import React from "react";

import ErrorPage from "../pages/ErrorPage";

interface Props {
	children: React.ReactNode;
}

interface State {
	hasError: boolean;
	error?: Error;
}

class ErrorBoundary extends React.Component<Props, State> {
	constructor(props: Props) {
		super(props);
		this.state = { hasError: false };
	}

	static getDerivedStateFromError(error: Error): State {
		return {
			hasError: true,
			error,
		};
	}

	render() {
		if (this.state.hasError) {
			return (
				<ErrorPage
					code={500}
					message={this.state.error?.message || "应用程序发生错误"}
				/>
			);
		}

		return this.props.children;
	}
}

export default ErrorBoundary;