ScrollArea thumb not updating when the data loads dynamically.

[Shashank-Salian]

I have created a Combobox which fetches next page data when scrolling to the bottom, and I have used ScrollArea wrapped around CommandList. Now the problem is when a new data loads the scrollarea thumb doesn't update to adjust to the new size of the list.

I am not sure weather this is a issue or this is simply not possible.

I have slightly modified the CommandList component as well (removed overflow-x-hidden and overflow-y-auto):

function CommandList({
  className,
  ...props
}: React.ComponentProps<typeof CommandPrimitive.List>) {
  return (
    <CommandPrimitive.List
      data-slot="command-list"
      className={cn("max-h-[300px]", className)}
      {...props}
    />
  );
}

Reproduced the bug here:
https://codesandbox.io/p/devbox/q3qzjk?migrateFrom=c8jdkn