#Why useForm.getInputProps prevents Select.onChange event firing?

2 messages · Page 1 of 1 (latest)

silk delta
#

I have Select component defined like this:

<Select
        label="Page"
        data={pages}
        placeholder="Select page"
        searchable
        creatable
        filter={(value: string, item: SelectItem) => { ... }}
        onChange={(value) => {  ...  }}
        getCreateLabel={(query) => ... }
        onCreate={(query) => { ... }}
        {...form.getInputProps("page")}
/>

It has some required logic in onChange callback. And everything is fine until I integrate it with form.
If I add form.getInputProps to the component - onChange callback stops working. I don't see it called. But I need to execute some logic defined there.

How to integrate Select component with form and still keep onChange callback working/executing?

pseudo warren