aboutsummaryrefslogtreecommitdiff
path: root/src/ErrorBoundary.jsx
diff options
context:
space:
mode:
authorAnton Tananaev <anton@traccar.org>2024-04-06 09:22:10 -0700
committerAnton Tananaev <anton@traccar.org>2024-04-06 09:22:10 -0700
commitf418231b6b2f5e030a0d2dcc390c314602b1f740 (patch)
tree10326adf3792bc2697e06bb5f2b8ef2a8f7e55fe /src/ErrorBoundary.jsx
parentb392a4af78e01c8e0f50aad5468e9583675b24be (diff)
downloadtrackermap-web-f418231b6b2f5e030a0d2dcc390c314602b1f740.tar.gz
trackermap-web-f418231b6b2f5e030a0d2dcc390c314602b1f740.tar.bz2
trackermap-web-f418231b6b2f5e030a0d2dcc390c314602b1f740.zip
Move modern to the top
Diffstat (limited to 'src/ErrorBoundary.jsx')
-rw-r--r--src/ErrorBoundary.jsx35
1 files changed, 35 insertions, 0 deletions
diff --git a/src/ErrorBoundary.jsx b/src/ErrorBoundary.jsx
new file mode 100644
index 00000000..93a6fe0f
--- /dev/null
+++ b/src/ErrorBoundary.jsx
@@ -0,0 +1,35 @@
+import React from 'react';
+import { Alert } from '@mui/material';
+
+class ErrorBoundary extends React.Component {
+ constructor(props) {
+ super(props);
+ this.state = {
+ error: null,
+ };
+ }
+
+ static getDerivedStateFromError(error) {
+ return { error };
+ }
+
+ /* eslint-disable react/no-danger */
+ render() {
+ const { error } = this.state;
+ if (error) {
+ return (
+ <Alert severity="error">
+ <code
+ dangerouslySetInnerHTML={{
+ __html: error.stack.replaceAll('\n', '<br>').replaceAll(' ', '&nbsp;'),
+ }}
+ />
+ </Alert>
+ );
+ }
+ const { children } = this.props;
+ return children;
+ }
+}
+
+export default ErrorBoundary;