FormData for user submitted data, .bind for application states you want to send along with the form.

[both need server-side validation, by the way.](https://nextjs.org/blog/security-nextjs-server-components-actions#write) so even your .bind will not help. use something like zod + zod-form-data to (1) validate the data and (2) get fully typed values to use.

Hi thank you for the information. let me provide more context it seems im facing a bug rather than a knowledge barrier

2 questions/concerns:
1. Unless I add this to my server action some values are not getting passed into form data, this fixes it. I'm assuming this means theres a bug with a child componnent. but im a little unsure how to debug

const updateBinded = updateProjects.bind(null, form.getValues());

2. What is the reccomended approach for parsing nested zod schemas with form data? (the data is getting validated on the client side with zod resolver but not passed through im assuming bc of the child components for technologies used and time are not sending value properly with formData but work when I bind form.GetValues()

example schema

export const DateSchema = z.object({
  month: z.number().min(1).max(12),
  year: z.number().min(1900).max(new Date().getFullYear()),
  day: z.number().min(1).max(31).default(1).nullable().optional(),
});
export const ProjectSchema = z.object({
  name: z.string(),
  description: z.string(),
  technologies_used: z.array(z.string()).optional(),
  start_date: DateSchema,
  end_date: DateSchema.optional().nullable(),
});

export type Project = z.infer<typeof ProjectSchema>;

export const ProjectsSchema = z.array(ProjectSchema);
export type Projects = z.infer<typeof ProjectsSchema>;

formData FormData {
  [Symbol(state)]: [
    { name: 'projects.0.name', value: 'Seller Watch' },
    {
      name: 'projects.0.description',
      value: '• Built SellerWatch.io, a subscription-based platform powered with web-scraped data and OpenAI API to identify an estimated 200 daily profitable product leads, tailored to 50+ Amazon sellers’ unique needs\r\n
    },
    { name: 'projects.1.name', value: 'Current 2' },
    {
      name: 'projects.1.description',
      value: '• Developed a user-friendly sign-up page using HTML/CSS with custom controls to prevent invalid phon'
    }
  ]
}

It also seems that using onsubmit instead of action has seemed to work for some people but for me won't trigger my form. let me provide my files for reference

Any help in this matter is greatly appreciated, thank you

i dont use react hook form so i cant help here, sorry

Is there another recommended approach to achieve what I’m looking for?

If your data isnt getting passed to your onSubmit function then the parse failed

You can use the form state's object to find what the error is

@Clown im noticing that the form data is inside this 'value' but not inside the keys as u would expect it to be

whats the reccomended way to parse this?

this is what it took.

this honestly feels like each form i make has a different 'method'

there has to be an official way to do this