updated dependencies

src/routes/components/customRoute/CustomRoute.jsx

@@ -1,18 +1,12 @@
-import React from 'react';
-import { Route } from 'react-router-dom';
+// import React from 'react';
+// import { Route } from 'react-router-dom';
 
-const CustomRoute = ({ layout: Layout, component: Component }) => {
-  return (
-    <Route
-      render={(matchProps) => {
-        return (
-          <Layout>
-            <Component {...matchProps} />
-          </Layout>
-        );
-      }}
-    />
-  );
-};
+// const Layout = ({ layout: Layout, component: Component }) => {
+// 	return (
+// 		<Layout>
+// 			<Component />
+// 		</Layout>
+// 	);
+// };
 
-export default CustomRoute;
+// export default Layout;

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;