title: ReactJS and Material UI TreeView: can I use a JSON/array of object to populate the TreeView?
body: <p>I have an array of object containing the values that need to populate the <code>&lt;TreeView&gt;</code> component:</p>
  
  <pre><code>const treeItems = [
      {
          id: uuidv4(),
          name: 'English',
          children: [
              {
                  id: uuidv4(),
                  name: 'Spring',
                  children: []
              }
          ]
      },
      {
          id: uuidv4(),
          name: 'Italian',
          children: [
              {
                  id: uuidv4(),
                  name: 'Level A',
                  children: []
              }
          ]
      }
  ]
  </code></pre>
  
  <p>I would like to use it as a prop to automatically populate the <code>TreeView</code> with <code>TreeItems</code>.</p>
  
  <p>Currently I have a function that renders the children when you pass the array, but checking the documentation (<a href="https://material-ui.com/api/tree-view/" rel="noreferrer">https://material-ui.com/api/tree-view/</a>) I noticed that there is a prop for children.</p>
  
  <blockquote>
    <p>children  node        The content of the component.</p>
  </blockquote>
  
  <p>Is it possible to use JSON/array of object to populate the TreeView?</p>