formData.get() is not a function

[fullstacknewb]

Hey guys I'm having this problem with useFormState() where whenever I submit the form, for some reason the get function is not accessible. The server action works fine without useFormState(), where the get function is accessible and it retrieves the values. I am trying the display a message that was sent from the server to client.

This is my server action code

this is my client side code

If you could help that would be great!

[Juneezee]

You are passing your Register Server Action to the useFormState hook. In that case the first argument will be prevState, and the second argument is FormData.

See the docs Server-side validation and error handling section,

'use server'
 
export async function createUser(prevState: any, formData: FormData) {
  // ...
  return {
    message: 'Please enter a valid email',
  }
}

[fullstacknewb]

Thank you!

[Juneezee]

@fullstacknewb If my answer helps you, please mark it as answer. Thanks!

[tushgaurav]

Thanks, I totally forgot about the first parameter to the server action, i was crying for 1 hour over this. Thanks! 🪅