Remix-run + React-Hook-Form + Zod

[enyelsequeira]

Hello all,

I am wondering if there's a way to integrate remix run with react-hook form, I haven't had any luck with it quite yet. any tips or examples?

[bluebill1049]

I believe someone made a package on top of react hook form to integrate with remix. I forgot the name tho...

[bluebill1049]

i think this is the one: https://github.com/SeasonedSoftware/remix-forms

[bluebill1049]

I did a quick try myself and it works for me with the new Form component.

[bluebill1049]

if target is the element that triggered the event then this might not always be okay.

What do you mean by that? It should be form element by default right?

[jrestall]

I was just surprised currentTarget was null as I expected that to be the Form and I expected target to be the button that I clicked. https://thisthat.dev/current-target-vs-target/

I see in the code you are just passing the event through so I'm sure it's fine and most likely I misunderstand how the targets work.

Thanks again for making this change, it looks like it'll benefit a lot of libraries.

[bluebill1049]

Good to hear, would you like to share an example for remix implementation. I am thinking of sharing that in the doc.

[Rocinante89]

@bluebill1049 is the fetcher prop released? I'm on the latest version and don't see it

[Pouet--]

@Rocinante89 The fetcher prop has been deleted in the last release see here

[AlemTuzlak]

I built this lightweight package https://www.npmjs.com/package/remix-hook-form which wraps the react-hook-form package and adds some extra spice over it for remix. Would love for you guys to check it out!

[AlemTuzlak]

@bluebill1049 would love to get your feedback on it!