[BUG] - InputOtp does not work allowedKeys when using React Hook Form

[shlyamster]

NextUI Version

2.6.8

Describe the bug

The allowedKeys prop in the InputOtp component does not work when using the React Hook Form. Both the default value and custom prop value are not applied.

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

1. Go to https://nextui.org/docs/components/input-otp#react-hook-form
2. Enter an OTP code that does not consist of numerical digits
3. The example in the screenshot

Expected behavior

By default, the allowedKeys parameter is set to ^[0-9]*$. The same behavior is expected when using React Hook Form.

Operating System Version

Any

Browser

Chrome

[linear]

ENG-1708 [BUG] - `InputOtp` does not work `allowedKeys` when using React Hook Form