added rowHeight prop, fixed issue with canDrop not returning correct nextParent

src/react-sortable-tree.tsx

@@ -50,6 +50,7 @@ const mergeTheme = (props) => {
     placeholderRenderer: PlaceholderRendererDefault,
     scaffoldBlockPxWidth: 44,
     slideRegionSize: 100,
+    rowHeight: 62,
     treeNodeRenderer: TreeNode,
   }
   for (const propKey of Object.keys(overridableDefaults)) {
@@ -563,6 +564,7 @@ class ReactSortableTree extends Component {
       scaffoldBlockPxWidth,
       searchFocusOffset,
       rowDirection,
+      rowHeight,
     } = mergeTheme(this.props)
     const TreeNodeRenderer = this.treeNodeRenderer
     const NodeContentRenderer = this.nodeContentRenderer
@@ -597,6 +599,7 @@ class ReactSortableTree extends Component {
     return (
       <TreeNodeRenderer
         style={style}
+        rowHeight={rowHeight}
         key={nodeKey}
         listIndex={listIndex}
         getPrevRow={getPrevRow}
@@ -862,6 +865,10 @@ export type ReactSortableTreeProps = {
     placeholderRenderer: any
   }
 
+  // Sets the height of a given tree row item in pixels. Can either be a number
+  // or a function to calculate dynamically
+  rowHeight?: number | ((treeIndex: number, node: any, path: any[]) => number)
+
   // Determine the unique key used to identify each node and
   // generate the `path` array passed in callbacks.
   // By default, returns the index in the tree (omitting hidden nodes).

src/tree-node.tsx

@@ -22,6 +22,7 @@ export interface TreeRendererProps {
   scaffoldBlockPxWidth: number
   lowerSiblingCounts: number[]
   rowDirection?: 'ltr' | 'rtl' | string | undefined
+  rowHeight: number | ((treeIndex: number, node: any, path: any[]) => number)
 
   listIndex: number
   children: JSX.Element[]
@@ -63,6 +64,7 @@ const TreeNode: React.FC<TreeRendererProps> = (props) => {
     draggedNode,
     canDrop,
     treeIndex,
+    rowHeight,
     treeId: _treeId, // Delete from otherProps
     getPrevRow: _getPrevRow, // Delete from otherProps
     node: _node, // Delete from otherProps
@@ -183,9 +185,14 @@ const TreeNode: React.FC<TreeRendererProps> = (props) => {
       ? { right: scaffoldBlockPxWidth * scaffoldBlockCount }
       : { left: scaffoldBlockPxWidth * scaffoldBlockCount }
 
+  let calculatedRowHeight = rowHeight
+  if (typeof rowHeight === 'function') {
+    calculatedRowHeight = rowHeight(treeIndex, _node, _path)
+  }
   return connectDropTarget(
     <div
       {...otherProps}
+      style={{ height: `${calculatedRowHeight}px` }}
       className={classnames('rst__node', rowDirectionClass ?? '')}>
       {scaffold}
 

src/utils/dnd-manager.ts

@@ -183,23 +183,15 @@ const canDrop = (
 
   if (typeof treeRefcanDrop === 'function') {
     const { node } = monitor.getItem()
-    const addedResult = memoizedInsertNode({
-      treeData: draggingTreeData || treeReftreeData,
-      newNode: node,
-      depth: targetDepth,
-      getNodeKey,
-      minimumTreeIndex: dropTargetProps.listIndex,
-      expandParent: true,
-    })
 
     return treeRefcanDrop({
       node,
       prevPath: monitor.getItem().path,
       prevParent: monitor.getItem().parentNode,
       prevTreeIndex: monitor.getItem().treeIndex, // Equals -1 when dragged from external tree
-      nextPath: addedResult.path,
-      nextParent: addedResult.parentNode,
-      nextTreeIndex: addedResult.treeIndex,
+      nextPath: dropTargetProps.children.props.path,
+      nextParent: dropTargetProps.children.props.parentNode,
+      nextTreeIndex: dropTargetProps.children.props.treeIndex,
     })
   }