Combobox.Input does not forward returned value from custom onChange handler

[davidsandsten]

Hey guys, first of all thank you for a superb library!

I was using the Combobox the other day, and I tried to integrate it with my custom debounced input, the input looks like this:

interface DebouncedInputProps extends React.ComponentProps<"input"> {
  onChange(event: React.ChangeEvent<HTMLInputElement>): VoidFunction;
}

export const InputDebounced = forwardRef<HTMLInputElement, DebouncedInputProps>((props, ref) => {
  const timeout = useRef(NaN);

  const onChange = (event: React.ChangeEvent<HTMLInputElement>) => {
    const callback = props.onChange(event);    
    clearTimeout(timeout.current);
    timeout.current = setTimeout(callback, 500)
  }

  return <input {...props} onChange={onChange} ref={ref} />
})

I tried to use the input with your Combobox by using the "as" prop on Combobox.Input, like this:

const onSearch = (event: React.ChangeEvent<HTMLInputElement>) => {
  setSearch(event.target.value)

  return async function debounced() {
    setLoading(true);
    setOptions(await filter(event.target.value));
    setLoading(false)
  }
}

<Combobox.Input as={InputDebounced} value={search} onChange={onSearch} />

The problem is that the callback returned from onSearch is never called when my input is used togeteher with Combobox.Input. It works perfectly when i use it standalone, but I'm guessing Combobox.Input is somehow not forwarding the returned value from the onChange callback?