updated dependencies

src/routes/components/errorBoundary/ErrorBoundary.jsx

@@ -1,37 +1,37 @@
 import React, { Component } from 'react';
 
 class ErrorBoundary extends Component {
-  constructor(props) {
-    super(props);
-    this.state = { error: null, errorInfo: null };
-  }
+	constructor(props) {
+		super(props);
+		this.state = { error: null, errorInfo: null };
+	}
 
-  componentDidCatch(error, errorInfo) {
-    // Catch errors in any components below and re-render with error message
-    this.setState({
-      error: error,
-      errorInfo: errorInfo,
-    });
-    // You can also log error messages to an error reporting service here
-  }
+	componentDidCatch(error, errorInfo) {
+		// Catch errors in any components below and re-render with error message
+		this.setState({
+			error: error,
+			errorInfo: errorInfo,
+		});
+		// You can also log error messages to an error reporting service here
+	}
 
-  render() {
-    if (this.state.errorInfo) {
-      // Error path
-      return (
-        <div>
-          <h2>Something went wrong.</h2>
-          <details style={{ whiteSpace: 'pre-wrap' }}>
-            {this.state.error && this.state.error.toString()}
-            <br />
-            {this.state.errorInfo.componentStack}
-          </details>
-        </div>
-      );
-    }
-    // Normally, just render children
-    return this.props.children;
-  }
+	render() {
+		if (this.state.errorInfo) {
+			// Error path
+			return (
+				<div>
+					<h2>Something went wrong.</h2>
+					<details sx={{ whiteSpace: 'pre-wrap' }}>
+						{this.state.error && this.state.error.toString()}
+						<br />
+						{this.state.errorInfo.componentStack}
+					</details>
+				</div>
+			);
+		}
+		// Normally, just render children
+		return this.props.children;
+	}
 }
 
 export default ErrorBoundary;