refactor: replace react-error-boundary with custom ErrorBoundary component and remove dependency

Author: IlyaGrshin

package.json

@@ -17,7 +17,6 @@
     "motion": "^12.25.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
-    "react-error-boundary": "^6.0.3",
     "spoiled": "^0.4.0",
     "wouter": "^3.9.0"
   },
@@ -76,4 +75,4 @@
     "vite": "^7.3.1",
     "vite-plugin-svgr": "^4.5.0"
   }
-}
+}

src/components/ErrorBoundary/index.js

@@ -0,0 +1,26 @@
+import { Component } from "react"
+
+class ErrorBoundary extends Component {
+    constructor(props) {
+        super(props)
+        this.state = { hasError: false }
+    }
+
+    static getDerivedStateFromError() {
+        return { hasError: true }
+    }
+
+    componentDidCatch(error, errorInfo) {
+        console.error("ErrorBoundary caught an error:", error, errorInfo)
+    }
+
+    render() {
+        if (this.state.hasError) {
+            return this.props.fallback
+        }
+
+        return this.props.children
+    }
+}
+
+export default ErrorBoundary

src/pages/prototypes/Trading/index.js

@@ -1,6 +1,6 @@
 import { use, Suspense } from "react"
 import { formatPercentage } from "../../../utils/number"
-import { ErrorBoundary } from "react-error-boundary"
+import ErrorBoundary from "../../../components/ErrorBoundary"
 
 import Text from "../../../components/Text"
 import Page from "../../../components/Page"