Can't reset field

[benjamin-benoit]

Describe the bug
Hello, I have an issue to reset a field on my react typescript project, I'm using zod and hook form.

To Reproduce
First I do my object:

const interventionSchema = z.object({
  thematiqueId: z.number().optional().nullable(),
  domaineId: z.number().optional().nullable(),
});

Next I do my useForm:

  const {
    register,
    handleSubmit,
    reset,
    setValue,
    watch,
    resetField,
  } = useForm<InterventionPost>({
    resolver: zodResolver(interventionSchema),
    defaultValues: {
      domaineId: undefined,
    },
  });

In my form I have on a Select:

          onValueChange={(value) => {
                        setValue("thematiqueId", Number(value));
                        reset({
                          domaineId: undefined,
                        });
                        resetField("domaineId");
                      }}

Expected behavior
On the logs, the value of domainId is not on undefined:

  useEffect(() => {
    console.log("Form Values:", watch());
  }, [watch()]);

[jorisre]

Please share a reproducible example in CodeSandbox.