issue: value from WatchObserver is always undefined

[nichita-pasecinic]

Version Number

^7.39.7

Codesandbox/Expo snack

https://codesandbox.io/s/react-hook-form-watch1-forked-pwiuwg?file=/src/App.js

Steps to reproduce

1. Go to https://codesandbox.io/s/react-hook-form-watch1-forked-pwiuwg?file=/src/App.js
2. Type something into name input
3. see in console that value from info parameter is always undefined

value field return in info param from the watch callback is always undefined (even though the values field [first argument] is updated with the actual value)

  const methods = useForm({
    // mode: "onBlur",
    // reValidateMode: "onBlur",
    defaultValues: {
      name: "name"
    }
  });
  const { watch } = methods;

  useEffect(() => {
    // value is allways undefined here
    const sub = watch((data, { name, type, value }) => {
      console.log("field: ", name, " type: ", type, " newValue: ", value);
    });
    return () => sub.unsubscribe();
  }, [watch]);

Expected behaviour

Value to get updated properly on every change.

What browsers are you seeing the problem on?

Chrome

Relevant log output

From codesandbox:


name field watched from outside:  namesss 
field:  name  type:  change  newValue:  undefined

name field watched from outside:  namessss 
field:  name  type:  change  newValue:  undefined

name field watched from outside:  namesssss 
field:  name  type:  change  newValue:  undefined

Code of Conduct

• I agree to follow this project's Code of Conduct

[bluebill1049]

it's a type bug, we actually not supply the value... thanks for the bug report!

[nichita-pasecinic]

@bluebill1049 Thx for quick response, so the actual value should be read from firs argument (data), yes ?

Also a informative question, there is a lot of possible values for the type property (it could be undefined, changed, ....)
Where I could inform myself under what circumstances is each of them used ?