React Hook Form

haha sure. Btw, I don't want to make this public in an issue, but I am looking into moving my web app I use the react-hook-form for into a React-Native app, so I'll see how it works ;)

ha nice. going to be a bit of challenge, cause i have used quite few web API

it would be amazing to make it work tho, but i haven't got time to work on it. (spend most of my time on web atm)

yeah, I know - might need to split out a native module to adapt to this without bloating the main. will keep you posted

Hello

just asking, why is there a need to wrap the formState in an object? is it better if we could just spread it off just like other property? and why errors is not part of a formState?

good question

@jeromedeleon

I guess errors should be part of formState

that was a bad decision when i created the API

What i should have done is group errors inside formState or like you said just flat them all.

ah i do remember why i have decided to group them in formState, it was easier to document them in a group https://react-hook-form.com/api#formState at the time

but yea i regret not having errors in there

Yeah, I came from formik and I thought there was a confusion when you group them but not included errors in formState. Anyway, are you going to change that? just asking :)

hey

@jeromedeleon

probably not right now. it's going to be a breaking change. For now i will leave errors out there, until the next major release i will fix this issue

thanks for picking this up tho 🙏🏻

plus pick up those other issues as well.

I will wait for that :)

hm, how do we do validation of customInputs? I'm stuck with react-select over here, will probably remove it at some point but would be great to have validation on it meanwhile. I'm using https://github.com/react-hook-form/react-hook-form/blob/master/examples/customInput.tsx as reference. however adding a validate function to register() does not seem to do anything. triggerValidation does not do anything either..

Would like to try to submit a PR with an idea that I have. Do you have a contribution guide somewhere?

@ssteuteville

lovely! https://github.com/react-hook-form/react-hook-form/blob/master/CONTRIBUTING.md

Hello. In redux-form we had a convenient behavior where form becomes 'touched' only after losing the focus but is validated on any change. That prevents unnecessary error messaging on first enter - like there is no weird message about wrong email at least until the user has entered it for the first time. On the other hand, I can disable submit button if the form is invalid, so making button enabled shows the user that he can press it.

Can I imitate that behavior in react-hook-form? If I use 'onBlur' the user need to lose the focus on all fields to run the final validation enabling the button or showing all errors - that's not good from UX point of view.

Oh, there is PR for that case :)

Quick question, If i had to get the watch value as object of object or array, how do i do that? What I mean, if i have few input checkboxes named as name="group1.new1" name="group1.new2" name="group2.new1" name="group2.new2" and I want the watch to give me back the object as group1: {new1: true, new2: false} etc. I think I saw a documentation or an example about it but I can't find it at the moment. So I am stuck :( Help me ASAP?

can you try to use watch('group2')