TreeComponent

TreeComponent.js

const TreeComponent = ({ folders, children }) => {
  const renderTree = (folders, level = 0) =>
    folders.length && folders.map(folder => {
      if (folder.children && folder.children.length) {
        return [
            children({ folder, level }),
            ...renderTree(folder.children, level + 1)
          ]
      }
      return children({ folder, level })
    })
  return renderTree(folders)
}