title: ReactJS: How to collapse Material UI TreeView after expanding?
body: <p>I have a material UI <code>treeView</code>. When I expand it, it hits a API. But after pressing the expand button, the <code>treeView</code> node remains opened. I have tried using <code>onNodeToggle</code> but nothing seems to work.</p>
  <p>Here is my code:</p>
  <pre><code>&lt;TreeView
    className={classes.root1}
    defaultExpandIcon={&lt;ArrowDropDownIcon /&gt;}
    defaultCollapseIcon={&lt;ArrowDropUpIcon /&gt;}
    defaultEndIcon={&lt;ArrowDropDownIcon /&gt;}
    disableSelection={true}
    expanded={expanded}
    collapsed={expanded}
  &gt;
    {renderTree(row, index)}
  &lt;/TreeView&gt;;
  </code></pre>
  <p>How to collapse it?. Any fix for this?. Is it possible in Material UI treeView?.</p>