react-hook-form and react-dropdown-select

[seenitall]

Hi, I started to take a look to the "react-dropdown-select" library (https://github.com/sanusart/react-dropdown-select - API documentation: https://sanusart.github.io/react-dropdown-select/api), which is supposed to be a more flexible extension of react-select.

Considering that I would expect it to work with react-hook-form. I attach three examples: an standalone react-dropdown-select, an attempt to make it work with Controller, and the counterpart "react-select" component working with Controller.

https://codesandbox.io/s/epic-feather-4szdr?file=/src/App.js

Any ideas on where to look at?

[daves28]

Looks like react-dropdown-select doesn't expose the ref via props, so there's no way to register the input? I'm running into the same problem. Might be worth a PR to react-dropdown-select

[bluebill1049]

if ref is not exposed, you can always use useController, or Controller.

[daves28]

Doesn't work. I've tried. Edit: I apologies. You are correct. To the OP, you are not passing the react-hook-form onChange function provided from the render prop into the Select component onChange function. When you do it does work.

…

On Fri, Mar 12, 2021 at 2:59 AM Bill ***@***.***> wrote: if ref is not exposed, you can always use useController, or Controller. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#3777 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AKM2MHRMPVNTQFHKK3UKHYDTDHCW3ANCNFSM4VICLRAQ> .