For some reason my placeholder doesnt display || Shadcn, React Hook Form

Answered

Ojos Azules posted this in #help-forum

Open in Discord

Ojos AzulesOP

2023-11-08T14:27:10.000Z

<FormControl>
<SelectTrigger>
<SelectValue
defaultValue={field.value}
placeholder="Select a category"
/>
</SelectTrigger>
</FormControl>

Answered by Ojos Azules

Instead of categoryId: "", adding undefined solves the issue

View full answer

2 Replies

Ojos AzulesOP

2023-11-08T14:30:38.000Z

Solution:

 const form = useForm<VarietyFormValues>({
    resolver: zodResolver(formSchema),
    defaultValues: initialData || {
      name: "",
      color: "",
      categoryId: undefined,
      description: "",
    },
  });

Ojos AzulesOP

2023-11-08T14:31:03.000Z

Instead of categoryId: "", adding undefined solves the issue

Answer