How to use React Hook Form with Material UI (and every other external library)

Adding in fields from external libraries isn't as easy as just copy & pasting it in with React Hook Form. Here's how to add external libraries like Material UI, Ant Design, react-datepicker, react-select, and more with React Hook Form's Controller element. Also, how to fix stupid bugs with the Controller since React Hook Form v6...

[Steven-whou]

Really nice explanation, thanks Eric!

[victorsoaresdealmeida]

This was awesome! Thank you so much!!!

[juanguirao]

Nice, but make the browser a bit smaller and the VS Code a bit bigger, and increase the contrast in the code.
Thank you for the effort.

[leofarmer]

It would be great to see the unit test for this component

[eduardofagundesferreira]

Great video. Congratulations and tank you for share!

[HieuNguyen-oyol]

Why I got this error "TypeError: props.render is not a function" when I adding the as{TextFeild} inside the Controller Component?

[codingexpedition]

When you are passing the props to the render function, how come you have to define `name="location"` on `Controller` but you don't have to define the `onChange` function on `Controller` itself?

[parthdeshmukh]

when i output the submitted value in console it shows undefined