"Nothing found" in data list

[loxy]

When I use a hosted dropdown together with a data list like so:

<tui-hosted-dropdown [content]="contentLang">
  <button tuiButton type="button" [iconRight]="arrow" size="m">
    My label
  </button>
</tui-hosted-dropdown>
<ng-template #contentLang>
  <tui-data-list>
    <button tuiButton>First</button>
    <button tuiButton>Second</button>
    <button tuiButton>Third</button>
  </tui-data-list>
</ng-template>

It always shows an Nothing found at the end of the dropdown.
Any hints?

Best regards,
Kersten

[waterplea]

You need to use tuiOption on buttons/links, not tuiButton inside a DataList.