From e1dac48fdaee4ea3bf4d8a2fa7ebf9afd03655e0 Mon Sep 17 00:00:00 2001
From: qili26 <qili@stratag.com>
Date: Mon, 8 Apr 2019 22:44:41 -0500
Subject: [PATCH] fix: drag jumps to the right due to the failed merge

---
 packages/react-data-grid/src/HeaderCell.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-data-grid/src/HeaderCell.js b/packages/react-data-grid/src/HeaderCell.js
index 8cfd80d5d2..a1819a8cfa 100644
--- a/packages/react-data-grid/src/HeaderCell.js
+++ b/packages/react-data-grid/src/HeaderCell.js
@@ -33,7 +33,7 @@ export default class HeaderCell extends React.Component {
 
   state = { resizing: false };
 
-  headerCellRef = (node) => this.headerCell = node;
+  headerCell = React.createRef();
 
   onDragStart = (e) => {
     this.setState({ resizing: true });
@@ -59,7 +59,7 @@ export default class HeaderCell extends React.Component {
 
   getWidthFromMouseEvent = (e) => {
     const right = e.pageX || (e.touches && e.touches[0] && e.touches[0].pageX) || (e.changedTouches && e.changedTouches[e.changedTouches.length - 1].pageX);
-    const left = ReactDOM.findDOMNode(this).getBoundingClientRect().left;
+    const left = this.headerCell.current ? this.headerCell.current.getBoundingClientRect().left : 0;
     return right - left;
   };
 
@@ -120,7 +120,7 @@ export default class HeaderCell extends React.Component {
       'react-grid-HeaderCell--frozen': isFrozen(column)
     }, this.props.className, column.cellClass);
     const cell = (
-      <div ref={this.headerCellRef} className={className} style={this.getStyle()}>
+      <div ref={this.headerCell} className={className} style={this.getStyle()}>
         {this.getCell()}
         {resizeHandle}
       </div>