From cfa675b979f268ad502a8174ff1d3f104bc5d168 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Tue, 1 Nov 2022 15:37:24 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E6=89=8B=E5=8A=BF?=
 =?UTF-8?q?=E6=93=8D=E4=BD=9C=E6=BB=91=E5=8A=A8=E5=9C=A8=E8=BF=AD=E4=BB=A3?=
 =?UTF-8?q?=E4=B8=AD=E5=8A=9F=E8=83=BD=E4=B8=A2=E5=A4=B1=E7=9A=84=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/client/web/src/routes/Main/Content/PageContent.tsx b/client/web/src/routes/Main/Content/PageContent.tsx
index c056c69c..5df072f0 100644
--- a/client/web/src/routes/Main/Content/PageContent.tsx
+++ b/client/web/src/routes/Main/Content/PageContent.tsx
@@ -5,9 +5,15 @@ import { useDrag } from 'react-use-gesture';
 import { useIsMobile } from '@/hooks/useIsMobile';
 import clsx from 'clsx';
 import { ErrorBoundary } from '@/components/ErrorBoundary';
+import type { ReactEventHandlers } from 'react-use-gesture/dist/types';
 
-const PageContentRoot: React.FC<PropsWithChildren> = (props) => (
-  <div className="flex flex-row flex-1 overflow-hidden">{props.children}</div>
+const PageContentRoot: React.FC<PropsWithChildren<ReactEventHandlers>> = ({
+  children,
+  ...others
+}) => (
+  <div className="flex flex-row flex-1 overflow-hidden" {...others}>
+    {children}
+  </div>
 );
 
 const PageGestureWrapper: React.FC<PropsWithChildren> = React.memo((props) => {