When using both defaultVaules and values, useFrom returns actual values with delay.

[Moshyfawn]

Discussed in https://github.com/orgs/react-hook-form/discussions/11397

^{Originally posted by t1m0n January 15, 2024}
Hello!
I have a typical situation when I fetch some data and pass this data to the useForm. I also have defaultValues set along with values. The problem is that when my request is loaded I show the page with a form and it displays defaultValues for a moment and replaces them with actual data after.

Even if using sync data, useForm anyway for a moment uses defaultValues instead of values

Example

const Form = () => {
  const form = useForm({
    defaultValues: {
      name: 'name default',
    },
    values: {
      name: 'name current',
    },
  });

  console.log(form.getValues());
};

Live example - https://stackblitz.com/edit/stackblitz-starters-lkabsa?file=src%2FApp.tsx

The code above firstly logs name default and after name current.

So the question is, is where anyway to get values in the first place if both defaultValues and values are set?

Thank you!

[Moshyfawn]

I was wondering the same thing the other day. We could change the order of values vs defaultValues that are checked when setting the initial form values, as demonstrated in the linked PR.

@bluebill1049 let me know what you think.