[BUG] - Listbox dynamic items type issue

[phev8]

NextUI Version

v2.1.7

Describe the bug

Using the exact example from the doc:

<Listbox
        items={items}
        aria-label="Dynamic Actions"
        onAction={(key) => alert(key)}
      >
        {(item) => (
          <ListboxItem
            key={item.key}
            color={item.key === "delete" ? "danger" : "default"}
            className={item.key === "delete" ? "text-danger" : ""}
          >
            {item.label}
          </ListboxItem>
        )}
</Listbox>

gives a type error:

Type '(item: any) => Element' is not assignable to type 'ReactNode'.ts(2322)
ParticipantList.tsx(73, 22): Did you mean to call this expression?

The same "items" approach works with tables and other components but not with the new Listbox.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Using typescript project.

Expected behavior

Should not warn, expect the behaviour as it is with Table for example. (It works there)

Screenshots or Videos

No response

Operating System Version

macOS

Browser

Chrome

[Alex20180512]

@phev8

I wasn't found type error from https://stackblitz.com/edit/vitejs-vite-qmivxs?file=src%2FApp.tsx mini repo. Can you provide a mini repo ?

[phev8]

Here is one, just used the basic NextJS setup, installed NextUI following the docs.
When running npm run build I get the mentioned type error:
https://codesandbox.io/p/sandbox/youthful-sunset-jhq4v6