fix: avoid unnecessary rendering of DragPreview component

Author: minop1205

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Change Log
 
+## 1.6.1
+
+_Jan 07, 2022_
+
+### Fixed
+
+- DragPreview component is momentarily displayed in the upper left corner of the screen after the drag operation is completed.
+
 ## 1.6.0
 
 _Nov 18, 2021_

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "@minoru/react-dnd-treeview",
   "description": "A draggable / droppable React-based treeview component.",
-  "version": "1.6.0",
+  "version": "1.6.1",
   "license": "MIT",
   "repository": {
     "type": "git",

package.json

@@ -33,8 +33,9 @@ const getItemStyles = <T extends unknown>(
 export const DragLayer = <T extends unknown>(): ReactElement | null => {
   const context = useTreeContext<T>();
   const monitorProps = useTreeDragLayer<T>();
+  const { isDragging, clientOffset } = monitorProps;
 
-  if (!monitorProps.isDragging) {
+  if (!isDragging || !clientOffset) {
     return null;
   }