From d6a4516b58e4190dbbd05c9c085a897dda9cb867 Mon Sep 17 00:00:00 2001
From: Daniil Konoplev <danchoys@mail.ru>
Date: Fri, 3 Oct 2025 12:22:34 +0300
Subject: [PATCH] feat: make the library compatible with React 19

---
 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',