Using Chakra UI with react-hook-form

Howdy,

Since Chakra UI has nice support for refs, I was able to convert the Formik example using FormControl over to using react-hook-form very easily - https://codesandbox.io/s/chakra-ui-react-hook-form-v382z

If you think it’s worthwhile having a ref+hook-based example of form handling in the docs let me know and I can create a PR.

[segunadebayo]

Hi Simon,

Thanks for this. I intend to add a “Recipes” link to the docs so we can include ideas like this.

If you can create a PR, I’d appreciate that. Here are the steps:

• In packages/chakra-ui-docs/pages, create a new file named recipes.mdx
• Add this to the recipes with a link to the codesandbox
• Submit a PR

I’d gladly merge your PR once you do this so I can include other recipes.

Thank you.

[simoncollins]

@mustafawm, I’ve updated the example to use formState and isSubmitting and updated to the latest versions of dependencies. It’s always a nice feeling to delete code!