From 3d54d20a3121ef94db72937e9a125064cbbd45e7 Mon Sep 17 00:00:00 2001
From: sai6855 <fayazceg@gmail.com>
Date: Thu, 12 Dec 2024 13:53:31 +0530
Subject: [PATCH 1/6] [material-ui][Dialog] Fix DraggableDialog demo

---
 docs/data/material/components/dialogs/DraggableDialog.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/data/material/components/dialogs/DraggableDialog.tsx b/docs/data/material/components/dialogs/DraggableDialog.tsx
index 0dea56348d91dd..f971f3879197e1 100644
--- a/docs/data/material/components/dialogs/DraggableDialog.tsx
+++ b/docs/data/material/components/dialogs/DraggableDialog.tsx
@@ -9,12 +9,14 @@ import Paper, { PaperProps } from '@mui/material/Paper';
 import Draggable from 'react-draggable';
 
 function PaperComponent(props: PaperProps) {
+  const nodeRef = React.useRef(null);
   return (
     <Draggable
+      nodeRef={nodeRef}
       handle="#draggable-dialog-title"
       cancel={'[class*="MuiDialogContent-root"]'}
     >
-      <Paper {...props} />
+      <Paper {...props} ref={nodeRef} />
     </Draggable>
   );
 }

From 58c9b957ccd19d736b2010927d29661a156bb714 Mon Sep 17 00:00:00 2001
From: sai6855 <fayazceg@gmail.com>
Date: Thu, 12 Dec 2024 13:59:31 +0530
Subject: [PATCH 2/6] fix type

---
 docs/data/material/components/dialogs/DraggableDialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/data/material/components/dialogs/DraggableDialog.tsx b/docs/data/material/components/dialogs/DraggableDialog.tsx
index f971f3879197e1..77338b178d5f5a 100644
--- a/docs/data/material/components/dialogs/DraggableDialog.tsx
+++ b/docs/data/material/components/dialogs/DraggableDialog.tsx
@@ -9,7 +9,7 @@ import Paper, { PaperProps } from '@mui/material/Paper';
 import Draggable from 'react-draggable';
 
 function PaperComponent(props: PaperProps) {
-  const nodeRef = React.useRef(null);
+  const nodeRef = React.useRef<HTMLDivElement>(null);
   return (
     <Draggable
       nodeRef={nodeRef}

From ccc82b8484ba219d5c6ee65398d7951c4b9a97c7 Mon Sep 17 00:00:00 2001
From: sai6855 <fayazceg@gmail.com>
Date: Thu, 12 Dec 2024 14:04:47 +0530
Subject: [PATCH 3/6] update js demo

---
 docs/data/material/components/dialogs/DraggableDialog.js | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/docs/data/material/components/dialogs/DraggableDialog.js b/docs/data/material/components/dialogs/DraggableDialog.js
index a16dc1f23f4c02..d4bbbc05d17136 100644
--- a/docs/data/material/components/dialogs/DraggableDialog.js
+++ b/docs/data/material/components/dialogs/DraggableDialog.js
@@ -9,12 +9,14 @@ import Paper from '@mui/material/Paper';
 import Draggable from 'react-draggable';
 
 function PaperComponent(props) {
+  const nodeRef = React.useRef(null);
   return (
     <Draggable
+      nodeRef={nodeRef}
       handle="#draggable-dialog-title"
       cancel={'[class*="MuiDialogContent-root"]'}
     >
-      <Paper {...props} />
+      <Paper {...props} ref={nodeRef} />
     </Draggable>
   );
 }

From 54725bb456a527647c643cf90dca081795c9e6ed Mon Sep 17 00:00:00 2001
From: sai6855 <fayazceg@gmail.com>
Date: Thu, 12 Dec 2024 14:12:21 +0530
Subject: [PATCH 4/6] fix type

---
 docs/data/material/components/dialogs/DraggableDialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/data/material/components/dialogs/DraggableDialog.tsx b/docs/data/material/components/dialogs/DraggableDialog.tsx
index 77338b178d5f5a..064e7f34711edc 100644
--- a/docs/data/material/components/dialogs/DraggableDialog.tsx
+++ b/docs/data/material/components/dialogs/DraggableDialog.tsx
@@ -9,7 +9,7 @@ import Paper, { PaperProps } from '@mui/material/Paper';
 import Draggable from 'react-draggable';
 
 function PaperComponent(props: PaperProps) {
-  const nodeRef = React.useRef<HTMLDivElement>(null);
+  const nodeRef = React.useRef<HTMLDivElement | null>(null);
   return (
     <Draggable
       nodeRef={nodeRef}

From 5208e85a8dd854edb1061c101c70b3f080c43112 Mon Sep 17 00:00:00 2001
From: sai6855 <fayazceg@gmail.com>
Date: Thu, 12 Dec 2024 14:33:44 +0530
Subject: [PATCH 5/6] fix type issue

---
 docs/data/material/components/dialogs/DraggableDialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/data/material/components/dialogs/DraggableDialog.tsx b/docs/data/material/components/dialogs/DraggableDialog.tsx
index 064e7f34711edc..77338b178d5f5a 100644
--- a/docs/data/material/components/dialogs/DraggableDialog.tsx
+++ b/docs/data/material/components/dialogs/DraggableDialog.tsx
@@ -9,7 +9,7 @@ import Paper, { PaperProps } from '@mui/material/Paper';
 import Draggable from 'react-draggable';
 
 function PaperComponent(props: PaperProps) {
-  const nodeRef = React.useRef<HTMLDivElement | null>(null);
+  const nodeRef = React.useRef<HTMLDivElement>(null);
   return (
     <Draggable
       nodeRef={nodeRef}

From 995d4e8cea1264bf1feabb06232d3295fe129da9 Mon Sep 17 00:00:00 2001
From: sai6855 <fayazceg@gmail.com>
Date: Thu, 12 Dec 2024 14:53:10 +0530
Subject: [PATCH 6/6] fix type issue

---
 docs/data/material/components/dialogs/DraggableDialog.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/data/material/components/dialogs/DraggableDialog.tsx b/docs/data/material/components/dialogs/DraggableDialog.tsx
index 77338b178d5f5a..61aabd875d16b4 100644
--- a/docs/data/material/components/dialogs/DraggableDialog.tsx
+++ b/docs/data/material/components/dialogs/DraggableDialog.tsx
@@ -12,7 +12,7 @@ function PaperComponent(props: PaperProps) {
   const nodeRef = React.useRef<HTMLDivElement>(null);
   return (
     <Draggable
-      nodeRef={nodeRef}
+      nodeRef={nodeRef as React.RefObject<HTMLDivElement>}
       handle="#draggable-dialog-title"
       cancel={'[class*="MuiDialogContent-root"]'}
     >