Using react-number-format floatValue

[react-hook-form]

Using react-number-format floatValue

[matiushariman]

OK, strange that it works on the codesandbox but not in my project. Perhaps due to version differences or some bugs in my app. I'll double check ASAP.
https://codesandbox.io/s/react-bb21n

Sure, star it is. :)

[matiushariman]

@bluebill1049 done.

Just to update you, I can confirm that upgrading to the latest release solve the formState issue.
And sorry for being off topic, what do you think is the best way to do on mount validation? So far I use a custom register to do it (passing a callback func to validate)

https://react-hook-form.com/api#register

<input
  name="test"
  ref={
    register({
      validate: value => value === '1'
    })
  }
/>

[bluebill1049]

https://codesandbox.io/s/react-hook-form-number-format-x58pw

[matiushariman]

thanks @bluebill1049 , that's what I was looking for.

big fan of RHF by the way, I will close this. Thanks!

[bluebill1049]

No worries @matiushariman thanks mate :)

[matiushariman]

@bluebill1049 my bad, just one more Q if you don't mind.
Possible to do onChange validation with RHFI?
As per docs I believe we can set mode as onChange in either one or both useForm and RHFInput levels. But that does not seem to trigger the validation when changing the value of RHFInput

https://codesandbox.io/embed/react-hook-form-number-format-1g8p1

[bluebill1049]

I will take a look at it :)

[matiushariman]

@bluebill1049 thanks!

[bluebill1049]

hey @matiushariman the next patch will solve this problem.

https://codesandbox.io/s/react-2igx7

[matiushariman]

awesome, will be waiting for that @bluebill1049 . Thanks!

[bluebill1049]

it's released :) let me know how it goes.

[matiushariman]

@bluebill1049 yup, it works. Thanks

I notice another thing. Seems like while using RHFI in onChange mode, input change won't affect RHF formState at all. It will be triggered only on submit.
The issue is there is no way to track the changes in formState (dirty, touched, etc) when changing the value.

Wondering if you're purposely doing it, and if there's any workaround for that.

[bluebill1049]

looks like it's a bug. you have a codesandbox for this?

[bluebill1049]

also asking a favor here, if you find RHF is useful. please consider leave us a star to support :)

[bluebill1049]

thanks @matiushariman maybe try to get the latest version for both RHF and RHFInput. see if that solves the problem.

[bluebill1049]

thanks a lot of the star, could you please star the main repo https://github.com/react-hook-form/react-hook-form? I am hoping RHF can get more popular, while RHFInput is a support package :) sorry I didn't make it clear 👍

[bluebill1049]

what do you mean onmount validation?

[bluebill1049]

guess we can close this issue, we can continue the conversation in here anyhow

[bluebill1049]

by the way if you have other questions, feel free to join our spectrum channel. sometimes even the community can answer your questions :) (and i am in there too).

[matiushariman]

for sure @bluebill1049 , I'm already inside the channel actually.

Looking forward to discussing more & potentially helping you guys out. Thanks again :)