defaultValue passed to `watch` overrides defaultValues passed to `useForm` at first render

watch method picks up a default value provided to it instead of picking up the values set in useForm and seems like this happens only at initial render. This makes it problematic to work with dynamic fields for me.

Here is a Sandbox example: https://codesandbox.io/s/dynamic-custom-fields-f5w03 Note that initially both animals have Cat type despite the defaultValue for the second animal was set to Dog in useForm. As soon as you click ‘Add animal’ button you’ll see that it gets fixed.

Expected behavior I’d expect that defaultValue in watch method will be used only in cases when it wasn’t set in useForm method.

Thanks!

[bluebill1049]

   const [inputValue, setInputValue] = React.useState(
      isCheckbox
        ? defaultChecked === undefined
          ? false
          : defaultChecked
        : defaultValue === undefined
        ? ''
        : defaultValue,
    );

we do check in react hook form input

[GProst]

@bluebill1049 seems like this works smoothly, thanks for the help!