| Current Path : /home/ereika83/www/wp-content/plugins/wpmu-dev-seo/includes/assets/js/components/ |
| Current File : /home/ereika83/www/wp-content/plugins/wpmu-dev-seo/includes/assets/js/components/error-boundry.js |
import React from 'react';
class ErrorBoundary extends React.Component {
constructor(props) {
super(props);
this.state = { hasError: false };
}
static getDerivedStateFromError() {
return { hasError: true };
}
componentDidCatch(error, errorInfo) {
// eslint-disable-next-line no-console
console.error(error);
// eslint-disable-next-line no-console
console.error(errorInfo);
}
render() {
if (this.state.hasError) {
return (
<div className="sui-notice sui-notice-error">
<div className="sui-notice-content">
<div className="sui-notice-message">
<span
className="sui-notice-icon sui-icon-warning-alert sui-md"
aria-hidden="true"
/>
<p>
<strong>
Something went wrong. Please contact{' '}
<a
target="_blank"
href="https://wpmudev.com/get-support/"
rel="noreferrer"
>
support
</a>
.
</strong>
</p>
</div>
</div>
</div>
);
}
return this.props.children;
}
}
export default ErrorBoundary;