From d55533d4c4922585eec699c3275d9c27138b7082 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 17 Apr 2022 18:16:59 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=9C=A8PageContent=E4=B8=8A=E5=A2=9E?=
 =?UTF-8?q?=E5=8A=A0ErrorBoundary?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/routes/Main/Content/PageContent.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/Main/Content/PageContent.tsx b/web/src/routes/Main/Content/PageContent.tsx
index bc190640..9f64815b 100644
--- a/web/src/routes/Main/Content/PageContent.tsx
+++ b/web/src/routes/Main/Content/PageContent.tsx
@@ -4,6 +4,7 @@ import _isNil from 'lodash/isNil';
 import { useDrag } from 'react-use-gesture';
 import { useIsMobile } from '@/hooks/useIsMobile';
 import clsx from 'clsx';
+import { ErrorBoundary } from '@/components/ErrorBoundary';
 
 const PageContentRoot: React.FC = (props) => (
   <div className="flex flex-row flex-1 overflow-hidden">{props.children}</div>
@@ -87,7 +88,7 @@ export const PageContent: React.FC<PageContentProps> = React.memo((props) => {
   const contentEl = children;
 
   const el = (
-    <>
+    <ErrorBoundary>
       {sidebarEl}
 
       <div
@@ -108,7 +109,7 @@ export const PageContent: React.FC<PageContentProps> = React.memo((props) => {
           {contentEl}
         </div>
       </div>
-    </>
+    </ErrorBoundary>
   );
 
   if (isMobile) {