customInput with IonInput (Ionic Framework) not triggering onChange nor onValueChange events

[ifigueroap]

As per the title, customInput with IonInput (Ionic Framework) not triggering onChange nor onValueChange events. I suppose this is because IonInputhas the ionChangeevent rather than plain "change". Is there any way to "remap" this?

A snippet of what I'm trying to achieve, in combination with react hook form:

<Controller
      control={control}
      name="quoteHours"
      render={({ field: { onChange, name, value } }) => (
        <NumericFormat
          name={name}
          value={value}
          customInput={<IonInput />}
          onChange={(e) => {
            console.log("onChange");
            console.log(e);
          }}
          onValueChange={(values, sourceInfo) => {
            console.log("on value change");
            console.log(values);
            console.log(sourceInfo);
            // onChange(values);
          }}
          suffix={"hrs"}
          displayType={"input"}
          allowNegative={false}
          type="text"
        />
      )}
    />

[s-yadav]

Looks like its passed on wrong way. It should be

customInput={IonInput}