nextui
nextui copied to clipboard
[BUG] - NextUI Input Field Value Disappears on Mouse Hover When Using React Hook Form
NextUI Version
2.4.6
Describe the bug
When using NextUI's Input component with React Hook Form, the input field value disappears upon mouse hover after setting the value programmatically with setValue.
Your Example Website or App
https://github.com/iGmainC/nextui-bug
Steps to Reproduce the Bug or Issue
Create a React component using Next.js, NextUI, and React Hook Form. Set up a simple form with two input fields: name and password. Add a button that, when clicked, sets the name field value to "root" using React Hook Form's setValue method. Hover over the input field after clicking the button.
Expected behavior
The input field should retain the value "root" when hovering over it.
Screenshots or Videos
https://github.com/user-attachments/assets/494bc916-c69c-4a07-bcb9-71e8fa314449
Operating System Version
linux
Browser
Chrome