mirror of
https://github.com/clusterio/clusterio.git
synced 2026-11-14 23:24:52 +09:00
Prevent the page from turning into a black screen when page rendering fails by adding an error boundary to the display of the page content in SiteLayout.jsx.
21 lines
368 B
React
21 lines
368 B
React
import React from "react";
|
|
|
|
|
|
export default class ErrorBoundary extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
this.state = { error: null };
|
|
}
|
|
|
|
static getDerivedStateFromError(error) {
|
|
return { error };
|
|
}
|
|
|
|
render() {
|
|
if (this.state.error) {
|
|
return <this.props.Component error={this.state.error} />;
|
|
}
|
|
return this.props.children;
|
|
}
|
|
}
|