How can I transform the value returned by a Controller?

[dandv]

Is there a way to process the value returned by a Controller? For example, I have a component that must display two radio buttons, Yes and No, instead of a checkbox or switch, and I'd like to return a Boolean from that:

  return (
    <Controller
      as={
        <RadioGroup
          value={defaultValues[name]}
          {...otherProps}
        >
          <FormControlLabel value="yes" control={<Radio/>} label="Yes"/>
          <FormControlLabel value="no" control={<Radio/>} label="No"/>
        </RadioGroup>
      }
      name={name}
      control={control}
    />
  );

Or should this just be done in the submit handler?

[bluebill1049]

hey @dandv we are improving Controller in the next release: #1711

for now: take a look at this example:

https://github.com/react-hook-form/react-hook-form/blob/master/examples/parseFormatInputValues.tsx

[drinzunza]

Moved to: https://github.com/react-hook-form/react-hook-form/blob/master/examples/V7/parseFormatInputValues.tsx

[ghost]

Moved to: https://github.com/react-hook-form/react-hook-form/blob/master/examples/V7/parseFormatInputValues.tsx

Hello @drinzunza do u have sample for input type radio?

[DanielBlytheCTO]

Hi, what happened to the as prop? I can't see it in the docs?