[BUG] - Listbox typing issue when using dynamic collections about nextui HOT 4 OPEN

and no issue if I don't use ListboxSection , like the example in document - Listbox -> ListboxItem
the issue only produce on Listbox -> ListboxSection -> ListboxItem

from nextui.

hey @Cowjiang, perhaps you have found a solution already?

from nextui.

hey @Cowjiang, perhaps you have found a solution already?

Not yet, just add @ts-ignore : (

from nextui.

I have the same issue when using ListboxSection with dynamic items.

<Listbox aria-label='Page selection' > <ListboxSection items={items}> {(item) => ( <ListboxItem key={item.key} > {item.title} </ListboxItem> )} </ListboxSection> </Listbox>

Type '(item: { key: string; title: string; }) => Element' is not assignable to type '(ItemElement<{ key: string; title: string; }> | ItemElement<{ key: string; title: string; }>[] | ItemRenderer<{ key: string; title: string; }>) & ReactNode'.
Type '(item: { key: string; title: string; }) => Element' is not assignable to type 'ItemRenderer<{ key: string; title: string; }> & string'.
Type '(item: { key: string; title: string; }) => Element' is not assignable to type 'string'.ts(2322)

As mentioned in ListboxSection document, children prop accepts ReactNode, so I changed the code to this and the error is gone:
<Listbox aria-label='Page selection' > <ListboxSection> {items.map((item) => ( <ListboxItem key={item.key} > {item.title} </ListboxItem> ))} </ListboxSection> </Listbox>

from nextui.