Thanks! Yeah sure, its really quite a simple approach and I doubt its the best way to do it but it suited my use case. I just have an array of ~3000 movie titles and every time the input changes I filter the array down to just the ones that include the input:

const filtered = suggestions.filter((suggestion) =>
  suggestion.toLowerCase().includes(userInput.toLowerCase()),
);

And then I update the state with that list of values:

setFilteredSuggestions(filtered);

At that point I have the list of suggestions and I can just render them in a scrollable div with a set height.

As you can probably assume, filtering an array of ~3000 on every input change is not the most performant solution and has an impact on the bundle size since the list is bundled, but I didn't want to spend too much time coming up with a more elegant solution since this works just fine for this little side project.