Why is the form input types being inferred as optional?

[muezz]

I am updating my project's codebase after quite some time:
react-hook-form: From ^7.55.0 to ^7.61.1
@hookform/resolvers: From ^5.2.0 to ^3.10.0

I was getting some weird errors regarding the zodResolver. After doing some research, I now know that we do not need to explicitly pass input types to useForm as the latest version can infer it automatically.

I removed the explicit type being passed but now I am seeing one particular value's type as optional. I am attaching the code snippet as screenshot as I want to show the input type of the props.

Am I doing something incorrectly?

[lastwane2]

The optional type comes from .default([]) on cc. It allows undefined as input and produces an array after parsing. React Hook Form types the field using the schema's input, so field.value can be undefined even though your database value is string[].

You're already supplying cc in defaultValues. If you don't need the schema itself to accept a missing cc, remove the schema default:

cc: z.array(z.string().email()),

Keep defaultValues.cc as it is. The field is then required in the input type, and an empty array is still valid.

If you need to keep .default([]) for other callers of this schema, use const cc = field.value ?? [] inside the render callback, then use cc for values, .length, and .join(). defaultValues initializes the form; it doesn't change the schema's input type.

The distinction is covered in the resolver's input/output type example.