feat: Add UI crash logs

Author: devchenyan

packages/neuron-ui/src/components/ErrorBoundary/index.tsx

@@ -1,10 +1,18 @@
-import React, { Component } from 'react'
+import React, { Component, ErrorInfo } from 'react'
 import { Stack } from 'office-ui-fabric-react'
 import Spinner from 'widgets/Spinner'
 import { handleViewError } from 'services/remote'
 
-const handleError = (error: Error) => {
-  handleViewError(error.toString())
+const handleError = (error: Error, errorInfo?: ErrorInfo) => {
+  handleViewError(
+    JSON.stringify([
+      `UI crash: ${error.message}`,
+      {
+        stack: error.stack,
+        componentStack: errorInfo?.componentStack || 'N/A',
+      },
+    ])
+  )
   if (import.meta.env.MODE !== 'development') {
     window.location.reload()
   }
@@ -23,8 +31,8 @@ class ErrorBoundary extends Component<{ children: React.ReactChild }, { hasError
     return handleError(error)
   }
 
-  public componentDidCatch(error: Error) {
-    this.setState(handleError(error))
+  public componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+    this.setState(handleError(error, errorInfo))
   }
 
   render() {

packages/neuron-wallet/src/controllers/api.ts

@@ -284,6 +284,7 @@ export default class ApiController {
       if (env.isDevMode) {
         console.error(error)
       }
+      logger.error(JSON.parse(error))
     })
 
     handle('set-locale', async (_, locale: Locale) => {