How to use the @lumino/virtualdom.h.li function in @lumino/virtualdom

renderItem(data: IItemRenderData): VirtualElement {
      let className = this.createItemClass(data);
      let dataset = this.createItemDataset(data);
      return (
        h.li({ className, dataset },
          this.renderItemIcon(data),
          this.renderItemContent(data),
          this.renderItemShortcut(data),
        )
      );
    }

renderItem(data: IRenderData): VirtualElement {
      let className = this.createItemClass(data);
      let dataset = this.createItemDataset(data);
      return (
        h.li({ className, dataset },
          this.renderIcon(data),
          this.renderLabel(data)
        )
      );
    }

renderHeader(data: IHeaderRenderData): VirtualElement {
      let content = this.formatHeader(data);
      return h.li({ className: 'p-CommandPalette-header' }, content);
    }

renderEmptyMessage(data: IEmptyMessageRenderData): VirtualElement {
      let content = this.formatEmptyMessage(data);
      return h.li({ className: 'p-CommandPalette-emptyMessage' }, content);
    }

renderItem(data: IRenderData): VirtualElement {
      let className = this.createItemClass(data);
      let dataset = this.createItemDataset(data);
      return (
        h.li({ className, dataset },
          this.renderIcon(data),
          this.renderLabel(data),
          this.renderShortcut(data),
          this.renderSubmenu(data)
        )
      );
    }

renderTab(data: IRenderData): VirtualElement {
      let title = data.title.caption;
      let key = this.createTabKey(data);
      let style = this.createTabStyle(data);
      let className = this.createTabClass(data);
      let dataset = this.createTabDataset(data);
      return (
        h.li({ key, className, title, style, dataset },
          this.renderIcon(data),
          this.renderLabel(data),
          this.renderCloseIcon(data)
        )
      );
    }