Hi @quick quest. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
#form action
cloud glacierBOT
The error message "date.get is not a function" suggests that the data object you're trying to call .get on is not of the type FormData. In your handleClientAction function, you're calling data.get('tripName'), which is likely where the error is coming from.
In the provided extracts, there's an example of how to correctly use FormData in a form submission context:
'use client'
import { useFormState } from 'react-dom'
import { createUser } from '@/app/actions'
const initialState = {
message: '',
}
export function Signup() {
const [state, formAction] = useFormState(createUser, initialState)
return (
<form action={formAction}>
<label htmlFor="email">Email</label>
<input type="text" id="email" name="email" required />
{/* ... */}
<p aria-live="polite" className="sr-only">
{state?.message}
)
}
In this example, formAction is an action that takes FormData as an argument. The FormData object is automatically created and passed to the action when the form is submitted.
Ensure that the data object in your handleClientAction function is indeed a FormData object. If it's not, you'll need to adjust your code accordingly.