Why i got this error when using input in React Hook Form / Shadcn form
I want to make a form to display and update details of a team after fetching data from the api, there is a field metadata, which is a returned as object, when I display try to display it in input element, it shows an error as shown below:
NextJS, Zod and React Hook Form – Controlled and Uncontrolled Components
I’m using NextJS 14, Zod and ShadCN UI which uses React-Hook-Form.
FormMessage not displaying zod validation error – Shadcn, Zod, react-hook-form, Next.js
I have some troubles with zod validation error displaying in the FormMessage. I’ve been following the shadcn documentation on form and input and I’ve done everything the same, but I can’t seem to figure it out why this is not working.