How to use this with react-form-hook?

[yelnyafacee]

Hi, How to use this with react-form-hook?

  <Controller
      name="recipients"
      control={control}
      // defaultValue={selectedValues}
      // rules={{ required: true }}
      // onChange={(inputValue) => handleChange(inputValue)}
      // onChange={handleChange} // [ Not Required in react-hook-form, auto managed by react-hook-form
      render={({ onChange, defaultValue }) => (

          <AsyncPaginate
              value={value}
              loadOptions={loadOptions2}
              onChange={onChange}
          />

      )}
  />

tried this but it does not work

[vtaits]

Hello. Please make a sandbox example

[lamhungypl]

You need to spread the value and onChange props from the fields parameter

See more in Controller's api

<Controller
  control={control}
  name="test"
  render={({
    field: { onChange, onBlur, value, name, ref },
    fieldState: { invalid, isTouched, isDirty, error },
    formState,
  }) => (
    <Checkbox
      onBlur={onBlur} // notify when input is touched
      onChange={onChange} // send value to hook form
      checked={value}
      inputRef={ref}
    />
  )}
/>

[vtaits]

Example added to README

https://codesandbox.io/s/x7vw8c