[BUG] - Input component unresponsive to updates to value via ref

[cnfw]

NextUI Version

2.3.6

Describe the bug

When modifying an input's value via its ref (i.e. how react-hook-form passes updates to components when the imperative setValue function is used), the input doesn't respond to the change.

I guess that RHF does something like ref.current.value = "new value", so I have also provided an example in the StackBlitz project.

Without digging into the internals of the NextUI component, I'm guessing it creates a controlled input, making it incompatible with an uncontrolled form library.

Your Example Website or App

https://stackblitz.com/edit/vitejs-vite-vnrckd?file=src%2FApp.tsx

Steps to Reproduce the Bug or Issue

1. Go to https://stackblitz.com/edit/vitejs-vite-vnrckd?file=src%2FApp.tsx
2. Observe the value in input and the printed value above and below the button.
3. Click the button.
4. Observe the printed value updates but the input value remains unchanged.
5. (Change the input value to observe the original value restored)the

Expected behavior

I expect the value of the input to change to track the form state.

Screenshots or Videos

No response

Operating System Version

Linux

Browser

Chrome

[linear]

ENG-852 [BUG] - Input component unresponsive to updates to value via `ref`