diff --git a/docs/examples/draggable.tsx b/docs/examples/draggable.tsx
index d5a5d2d6..4e0f82b6 100644
--- a/docs/examples/draggable.tsx
+++ b/docs/examples/draggable.tsx
@@ -7,6 +7,7 @@ import '../../assets/index.less';
 const MyControl: React.FC = () => {
   const [visible, setVisible] = React.useState(false);
   const [disabled, setDisabled] = React.useState(true);
+  const nodeRef = React.useRef(null);
   const onClick = () => {
     setVisible(true);
   };
@@ -46,7 +47,7 @@ const MyControl: React.FC = () => {
             modal
           </div>
         }
-        modalRender={(modal) => <Draggable disabled={disabled}>{modal}</Draggable>}
+        modalRender={(modal) => <Draggable nodeRef={nodeRef} disabled={disabled}><div ref={nodeRef}>{modal}</div></Draggable>}
       >
         <div style={{ height: 200 }}>
           Day before yesterday I saw a rabbit, and yesterday a deer, and today, you.
diff --git a/package.json b/package.json
index c7a7f609..7f3f79e7 100644
--- a/package.json
+++ b/package.json
@@ -81,7 +81,7 @@
     "rc-test": "^7.0.14",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
-    "react-draggable": "^4.4.3",
+    "react-draggable": "^4.5.0",
     "typescript": "^5.4.3"
   },
   "peerDependencies": {