feat: error boundary error tip

Author: wkylin

package-lock.json

@@ -286,6 +286,7 @@
     "@ant-design/icons": "^6.1.0",
     "@ant-design/v5-patch-for-react-19": "^1.0.3",
     "@codesandbox/sandpack-react": "^2.20.0",
+    "@dagrejs/dagre": "^1.1.8",
     "@loadable/component": "^5.16.7",
     "@number-flow/react": "^0.5.10",
     "@react-spring/web": "^10.0.3",
@@ -299,6 +300,7 @@
     "@use-gesture/react": "^10.3.1",
     "@vercel/analytics": "^1.6.1",
     "@vercel/speed-insights": "^1.3.1",
+    "@xyflow/react": "^12.10.0",
     "animate.css": "^4.1.1",
     "antd": ">=6.0.0",
     "axios": "^1.13.2",
@@ -310,8 +312,6 @@
     "core-js": "^3.47.0",
     "cross-fetch": "^4.1.0",
     "crypto-js": "^4.2.0",
-    "cytoscape": "^3.33.1",
-    "cytoscape-cose-bilkent": "^4.1.0",
     "d3": "^7.9.0",
     "dayjs": "^1.11.19",
     "echarts": "^6.0.0",
@@ -354,7 +354,6 @@
     "react-canvas-confetti": "^2.0.7",
     "react-countup": "^6.5.3",
     "react-css-theme-switcher": "^0.3.0",
-    "react-cytoscapejs": "^2.0.0",
     "react-dom": ">=19.0.0",
     "react-draggable": "^4.5.0",
     "react-error-boundary": "^6.0.0",

package.json

@@ -18,6 +18,9 @@ type State = {
 }
 
 export default class ErrorBoundary extends React.Component<Props, State> {
+  static defaultProps = {
+    showDetails: true,
+  }
   state: State = { hasError: false }
 
   static getDerivedStateFromError(error: Error) {

src/components/ErrorBoundary.tsx

@@ -4,7 +4,7 @@ import useSafeNavigate from '@app-hooks/useSafeNavigate'
 import { Tabs, Dropdown, Space, theme, Button } from 'antd'
 import StickyBox from 'react-sticky-box'
 import { SyncOutlined, FireOutlined, DownOutlined } from '@ant-design/icons'
-import MyErrorBoundary from '@stateful'
+import ErrorBoundary from '@/components/ErrorBoundary'
 import { nanoid } from 'nanoid'
 import { useTranslation } from 'react-i18next'
 import { useProTabContext } from '@app-hooks/proTabsContext'
@@ -195,7 +195,7 @@ const ProTabs = (props) => {
         closable: pane.closable,
         forceRender: true,
         children: (
-          <MyErrorBoundary onReset={fixError} navigate={redirectTo}>
+          <ErrorBoundary onReset={fixError} navigate={redirectTo}>
             <div className="layout-tabpanel">
               <KeepAlive id={pane.key} active={pane.key === fullPath} persistOnUnmount={pane.key === '/'}>
                 <Suspense fallback={<Loading />}>
@@ -207,7 +207,7 @@ const ProTabs = (props) => {
                 </Suspense>
               </KeepAlive>
             </div>
-          </MyErrorBoundary>
+          </ErrorBoundary>
         ),
       }))}
     />