I’m fairly new to using Typescript and I’m having a go at setting up Auth in my first ts React project. I’ve successfully set up validation using react-hook-form in an AuthForm.tsx component that renders the Login form and Sign Up form interchangeably.

I don’t know how can I type my FieldArray properly in this kind of situation where I have a component that uses a generic control. Honestly, I think I’m not even doing this thing right at all, so I want some input or general advice.

In my form I have a component which should save values as an object.
It contains a checkbox and 2 inputs.

so um I’ve been trying to make a reusable Input component so I don’t have to copy paste all of the styles everywhere and I made this
import { FieldValues, UseFormRegister, Path } from ‘react-hook-form’;

So I have a form with one select (user_id), one input (year) and form to upload PDF document
I made a custom validation using watch from React Hook Form. The problem is that there is a TS error
Property ‘unsubscribe’ does not exist on type ‘readonly (string | File | { file: File; title: string; } | { file: File; title: string; }[])[]’.
What could be the reason ?

Closed 5 mins ago.

Imports e Interfaces: Importamos os módulos necessários e definimos duas interfaces. PhoneInputFormFields define os campos esperados para o formulário de telefone, enquanto PhoneInputProps define as propriedades esperadas pelo componente.