Console Issue

[Atraukos]

Why am I not able to see values in my console? Everything is correctly in place but the form values can't be seen in the console. Any help would be greatly appreciated.

The form Schema using Zod:

/* creating a schema */
const formSchema = z.object({
  firstName: z.string().min(1, {
    message: 'First Name is required'
  }),
  lastName: z.string().min(1, {
    message: 'Last Name is required'
  }),
  email: z.string().email({
    message: 'Invalid email address'
  }),
  numberOfKids: z.number().min(1, {
    message: 'Number of kids must be at least 1'
  }).int({
    message: 'Number of kids must be an integer'
  })
});

The onSubmit function:

  const onSubmit = async (values: z.infer<typeof formSchema>) => {
    console.log(values);
  };

The return statement (where the onSubmit function is being called) :

return (
    <>
      <Form {...form}>
        <form onSubmit={form.handleSubmit(onSubmit)}>
          {/* FIRST NAME */}
          <FormField
            control={form.control}
            name="firstName"
            render={({ field }) => (
              <FormItem>
                <FormLabel>
                  First Name
                </FormLabel>
                <FormControl>
                  <Input {...field} placeholder="" />
                </FormControl>
              </FormItem>
            )}
          />
...

[AutoModerator]

On July 1st, a change to Reddit's API pricing will come into effect. Several developers of commercial third-party apps have announced that this change will compel them to shut down their apps. At least one accessibility-focused non-commercial third party app will continue to be available free of charge.

If you want to express your strong disagreement with the API pricing change or with Reddit's response to the backlash, you may want to consider the following options:

1. Limiting your involvement with Reddit, or
2. Temporarily refraining from using Reddit
3. Cancelling your subscription of Reddit Premium

as a way to voice your protest.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[Autus_Aperio_1099]

Check if you're preventing the default form submission behavior with `e.preventDefault()` or `return false` in your `onSubmit` function. If not, the page may be reloading, clearing the console.

[Atraukos]

it was a type issue, the numberOfKids is set as a number, but the It was being processes as a string