How do I make the them all collapse by default?

what I am trying to do: replace tree icon
Example 1:


Example 2(expected outcome)


is there a way to do it??

*Images are photoshop to show expected outcome

That is not what I am trying to do.
I want to drag the node and place it somewhere else like this Demo. Click on the word Demo to navigate to the demo I am referring.

What I am trying to do: selected node draggable and droppable.


I have make a codesandbox to show what I have done so far.

This is the code that I have tried, it is not working. Any advice is appreciated. 

Code:

  handleSelectionChange(selection) {
    <Draggable>{selection}</Draggable>;
    this.setState({ selection: selection });
  }