Q: How to implement infinite scroll / pagination in Autocomplete v3?

[amaneru55]

Question

I am using HeroUI v3 Autocomplete component.
I can see examples for asynchronous filtering (typeahead), but there is no guidance on implementing infinite scroll (load more items when scrolling to the bottom).

Context

• React 19
• Looking for a recommended pattern for pagination / infinite scrolling in Autocomplete

My Approach / Thoughts

I think I could manually use:

• IntersectionObserver for detecting scroll end
• Controlled items list
• async fetching with useState / useEffect or React Query

But I am not sure if this is the official / recommended way.

Question

• Is infinite scroll an intended use case for Autocomplete v3?
• If yes, what is the recommended pattern for implementing it?

[Stybo]

Hi @amaneru55,

You might be looking for the ComboBox component https://heroui.com/docs/react/components/combo-box#asynchronous-loading

You have documentation on how to implement infinite scroll there.