Looks like like you're not registering the field under your form; rather, you're just passing an associated id to the input: https://www.react-hook-form.com/api/useform/register/. For a more controlled wrapper component, you may also leverage Controller or useController: https://www.react-hook-form.com/api/usecontroller/controller/.

Your regex seems to resolve as you've described.