issue: updating number values is always marked as dirty even if the value is the same as the default one about react-hook-form HOT 4 CLOSED

The internal state of react-hook-form is held as a string. This is even if the defaultValue is a number, like 200.
If you pass the defaultValue as a string like "200", it will behave as intended.

from react-hook-form.

@keisuke-na
I see, then do I need something like this?

<ControllerPlus<string, number>
  transform={{
    input: (value) =>
      isNaN(value) || value === 0 ? "" : value.toString(),
    output: (e) => {
      const output = parseInt(e.target.value, 10);
      return isNaN(output) ? 0 : output;
    }
  }}
  control={control}
  name="number"
  defaultValue=""
/>

from react-hook-form.

@IzumiSy
Yes.
Or, You can just transform the data before submit it.

from react-hook-form.

Gotcha, this is not a bug and just my misunderstanding on the internal behaviour. Thanks!

https://codesandbox.io/p/sandbox/intelligent-hopper-wfgkcl

from react-hook-form.