[BUG] - Input value disappears on hover with asynchronous values using React Hook Form

[alexnguyennz]

NextUI Version

2.4.6

Describe the bug

Have encountered this issue posted here:

Asynchronous default values are disappearing from <Input> on hover. Issue doesn't occur on plain <input> tags. Wrapping in a <Controller/> doesn't fix.

When loading in values, the value is reset when hovering over the input.

Your Example Website or App

https://codesandbox.io/p/devbox/great-sara-fcx6hm?file=%2FApp.jsx

Steps to Reproduce the Bug or Issue

1. Hover over text input

Expected behavior

Value doesn't disappear

Screenshots or Videos

No response

Operating System Version

Windows

Browser

Chrome

[linear[bot]]

ENG-1234 [BUG] - Input value disappears on hover with asynchronous values using React Hook Form

[ameybh]

<Controller
  control={control}
  name="email"
  render={({ field: { value } }) => (
    <Input value={value} {...register("email")} />
  )}
/>

This seems to solve the issue for me. Please try this and let me know.

[alexnguyennz]

Yep using Controller does work as a workaround.