reactjs - @atlaskit/tree と React、参照を子コンポーネントに正しく転送する

Question

@atlaskit/tree の例から単純にレンダリングされたアイテムをカスタム コンポーネントに置き換えようとしていますが、主に参照をコンポーネントに正しく転送する方法がわからないため、あらゆる種類の問題が発生しています。

誰かが私にこれを正しく達成する方法を説明してもらえますか? 彼らはすでに他の小道具を備えたinnerRefを私に提供していますが、私はそれを使用する方法を理解するのに苦労しています.

renderItem = ({ item, onExpand, onCollapse, provided }) => {
return (
   //<MenuItem
   // ref={provided.innerRef}
   // {...provided.draggableProps}
   // {...provided.dragHandleProps}
  />
   <div
     ref={provided.innerRef}
     {...provided.draggableProps}
     {...provided.dragHandleProps}
   >
     <span>{getIcon(item, onExpand, onCollapse)}</span>
     <span>{item.data ? item.data.menuName : ""}</span>
   </div>
 );
};

ここに問題のサンドボックスがあります: https://codesandbox.io/s/hopeful-tdd-75n1v