Compatibility with react-hook-form library

I know is not a bug, but I’m trying to use grommet with the react-hook-form library instead of formik. The react-hook-form is increasing its popularity and I think is a good way to manage forms in term of code quality and performance, but grommet seems to not be totally compatible with it.

Anyone tried react-hook-form with grommet? Any suggestion? I’m trying to use the Select component and the forwardRef prop to pass the register function (as needed by react-hook-form), but when I click on the select on browser everything crash, causing a blank page.

Here a codesandbox: https://codesandbox.io/s/grommet-select-not-working-with-react-hook-form-5rjsb

If you click twice on the second Select everything will crash.

[babbarankit]

I am working on a package for Use React Hook Form with Grommet http://npmjs.com/package/grommet-hook-form https://github.com/babbarankit/grommet-hook-form I have done most work offline. Just released TextInput today, will be releasing other items too this week. Just in case it helpful for others.

[krishna-404]

Any updates on this by any chance? I am building an app with lots of long forms. This can be really helpful. I went through Formik integration documentation but react-hook-form looks simpler. Thanks!