[HELP] Input DomRef Register Property 'current' is missing

Hello, I am using React Bulma Components and React Form Hooks packages. At the input:

type FormValues = {
    email: string;
    password: string
}
const {
    register, 
    handleSubmit, 
    formState: 
    { 
        errors, 
        isSubmitSuccessful, 
        isSubmitting 
    } 
} = useForm<FormValues>();

#return

<Form.Input
    name="email"
    domRef={register({required: true})}
    type="email"
    placeholder="e.g. [e-mail]"
    required
/>

Gives me this error:

Property ‘current’ is missing in type ‘UseFormRegisterReturn’ but required in type ‘RefObject<“input”>’.

Its inside a functional component. I think I am doing something completely wrong and misunderstanding something,

I found same issue here but I couldn’t understand how to fix this.

I tried this fix: #343 (comments)

But then I get this error because I use functional component?

328 at react-hook-form

Thanks a lot.

[Asim-A]

export const InputWithRef = React.forwardRef<"input", any>((props, ref) => {
    return <Form.Input {...props} domRef={ref} />;
});

That piece of code works in TS. It is not so elegant as it only works for Form.Input, but works

I can confirm that this works, thank you @sebzieja 🤝

[sebzieja]

export const InputWithRef = React.forwardRef<"input", any>((props, ref) => {
    return <Form.Input {...props} domRef={ref} />;
});

That piece of code works in TS. It is not so elegant as it only works for Form.Input, but works