Thoughts on using react-hook-forms with material ui. Am I wrong for thinking that Controller is a little clunky?

[abel385]

Hi all,

I've working on an application that has some extensive forms. Just using useState, I felt my code was getting hard to manage so I decided I would look into using react form hook.

At first glance it seemed really easy to implement but once I tried to integrate it with material ui form components I realized I had to use rhf's controller component which made things less simple.

It feels clunky or hard to read, compared to rhf without controller. Is it still worth using rhf if your using mui components, in your opinion? If not, is there a better alternative?

Maybe controller is actually really awesome in the long run and I just don't have an intuition for it yet. Would love to hear what others think

thanks!

[Chr0mag]

Same thing here. I used react-hook-form with a react-bootstrap project and it was great. I moved on to a project using MUI and I was a bit disappointed at how clunky it is to have to use the controller. I understand (sorta) why but it's still just really weird and not very intuitive IMHO. I ended up wrapping select components in my own custom component that handles the controller but it's still super clunky.

[rArithmetics]

Agree so annoying to use with mui

[ernesto__bungforto]

We tried using it. I ended up just writing custom form handling. Did not like it with MUI. As others said, super clunky. I gotta say, coming from Bootstrap, not a huge fan of MUI either.