[BUG] - Cannot read properties of undefined (reading 'props') when rendering large user lists in Autocomplete

[Aryan-mor]

NextUI Version

2.6.8

Describe the bug

When using the Autocomplete component from @nextui-org/react with a large user list (e.g., 80+ items), an error is thrown:
Uncaught TypeError: Cannot read properties of undefined (reading 'props').
This issue occurs during the rendering of AutocompleteItem components.

Your Example Website or App

https://codesandbox.io/p/devbox/nostalgic-mccarthy-g9fsxd

Steps to Reproduce the Bug or Issue

1. Import the Autocomplete, AutocompleteSection, AutocompleteItem, and Avatar components from @nextui-org/react.
2. Create an array of user objects (e.g., 80+ items) with properties such as id, name, email, and avatar.
3. Render the Autocomplete component with multiple AutocompleteSection elements, each containing AutocompleteItem components generated using users.map().
4. Open the app and interact with the Autocomplete dropdown.

Expected behavior

The Autocomplete component should render all items without throwing errors and allow smooth scrolling through large lists.

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Chrome

[linear]

ENG-1818 [BUG] - Cannot read properties of undefined (reading 'props') when rendering large user lists in Autocomplete

[wingkwong]

duplicate - #4457. The fix is in progress. As a workaround, you may add isVirtualized={false} temporarily until the fix is released.