Merge pull request #184 from ayd-ab/fix/make-the-library-compatible-with-react-19

fix: make the library compatible with React 19

Author: camdecoster

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"
   },

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