[BUG] - <Listbox dynamicCollections />

[kaitoukid-1412]

NextUI Version

2.6.4

Describe the bug

https://nextui.org/docs/components/listbox#dynamic-items
https://react-spectrum.adobe.com/react-stately/collections.html#dynamic-collections

import { Listbox, ListboxItem, ListboxSection } from '@nextui-org/react'

const items = [
  {
    items: [{ name: 'David1' }, { name: 'Same1' }, { name: 'Jane1' }],
    name: 'Aardv888888888888ark'
  },
  { items: [{ name: 'David2' }, { name: 'Same2' }, { name: 'Jane2' }], name: 'Kangaroo' },
  { items: [{ name: 'David3' }, { name: 'Same3' }, { name: 'Jane3' }], name: 'Snake' }
].map((a, id) => ({ id, ...a }))

export const Page = () => {
  return (
    <Listbox aria-label='dd' items={items}>
      {section => (
        <ListboxSection items={section.items} key={section.name} title={section.name}>
          {item => <ListboxItem key={item.name}>{item.name}</ListboxItem>}
        </ListboxSection>
      )}
    </Listbox>
  )
}

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

123

Expected behavior

456

Screenshots or Videos

No response

Operating System Version

123

Browser

Chrome

[linear]

ENG-1677 [BUG] - <Listbox dynamicCollections />