From 9fc2dcbe82bfe5bc1af77e41c6dbec205f9346b3 Mon Sep 17 00:00:00 2001
From: Enzo D'Onofrio <aethiss@gmail.com>
Date: Wed, 26 Nov 2025 12:31:32 +0100
Subject: [PATCH] added hotfix with new version of react draggable using
 reference

---
 package.json         | 2 +-
 src/PivotTableUI.jsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index f4adaf6..68f4f22 100644
--- a/package.json
+++ b/package.json
@@ -47,7 +47,7 @@
   "dependencies": {
     "immutability-helper": "^2.3.1",
     "prop-types": "^15.5.10",
-    "react-draggable": "^3.0.3",
+    "react-draggable": "^4.5.0",
     "react-sortablejs": "^1.3.4",
     "sortablejs": "^1.6.1"
   },
diff --git a/src/PivotTableUI.jsx b/src/PivotTableUI.jsx
index 0de055f..ad88db5 100644
--- a/src/PivotTableUI.jsx
+++ b/src/PivotTableUI.jsx
@@ -13,6 +13,7 @@ export class DraggableAttribute extends React.Component {
   constructor(props) {
     super(props);
     this.state = {open: false, filterText: ''};
+    this.nodeRef = React.createRef();
   }
 
   toggleValue(value) {
@@ -48,8 +49,9 @@ export class DraggableAttribute extends React.Component {
       .sort(this.props.sorter);
 
     return (
-      <Draggable handle=".pvtDragHandle">
+      <Draggable handle=".pvtDragHandle" nodeRef={this.nodeRef}>
         <div
+          ref={this.nodeRef}
           className="pvtFilterBox"
           style={{
             display: 'block',