const FolderName = ({ folder: { name }, level }) => (
  <div style={{ paddingLeft: level * 20 }}>{name}</div>
)

const FolderList = ({ folders }) => (
  <>
    <TreeComponent folders={folders}>
      {(props) => (<FolderName {...props} />)}
    </TreeComponent>
  </>
)