const createTree = (nodes: any) => {

        return  nodes.tree.map((node: any) => (
                <List.Item key={node.id}>
                <List.Icon name={ "caret right"} />
                <List.Content value={node}  id={node.id} onClick={()=>toggleNode(node)} verticalAlign='middle'>
                    <List.Description>{node.name}</List.Description>
                   {node.isExpanded && <ToggleNode/>}
                </List.Content>
              </List.Item>
        ))
    }

const toggleNode =  ( data: any) => {
        const items = data.nodes !== null ?  data.nodes.map((node: any) => (
            <List.Item key={node.id}>
            <List.Icon name={ "caret right"} />
            <List.Content value={node}  id={node.id} onClick={()=>handleOnNodeClick(node)} verticalAlign='middle'>
                <List.Description>{node.name}</List.Description>
            </List.Content>
          </List.Item>
        )) : getDevicesInfo(data);
        data.isExpanded = !data.isExpanded;
        this.setState({items})
    }

const ToggleNode = () => {
        const nodes = this.state.items;
        return (
            <List> {nodes}</List>
        )
    }