remove usage of react state

Author: brkalow

docs/reference/hooks/use-waitlist.mdx

@@ -37,14 +37,15 @@ The following example demonstrates how to use the `useWaitlist()` hook to create
 'use client'
 
 import { useWaitlist } from '@clerk/react'
-import { useState } from 'react'
 
 export default function WaitlistPage() {
   const { waitlist, errors, fetchStatus } = useWaitlist()
-  const [emailAddress, setEmailAddress] = useState('')
 
-  const handleSubmit = async (e: React.FormEvent) => {
+  const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault()
+    const formData = new FormData(e.currentTarget)
+    const emailAddress = formData.get('emailAddress') as string
+
     await waitlist.join({ emailAddress })
   }
 
@@ -64,9 +65,8 @@ export default function WaitlistPage() {
         <label htmlFor="email">Email address</label>
         <input
           id="email"
+          name="emailAddress"
           type="email"
-          value={emailAddress}
-          onChange={(e) => setEmailAddress(e.target.value)}
           required
         />
         {errors.fields.emailAddress && (