@shipmyform/react

React hook for ShipMyForm.

npm i @shipmyform/react

import { useSubmit } from '@shipmyform/react'

export function Contact() {
  const { submit, submitting, succeeded, error } = useSubmit({ formId: 'YOUR_FORM_ID' })

  if (succeeded) return <p>Thanks!</p>

  return (
    <form
      onSubmit={(e) => {
        e.preventDefault()
        submit(e.currentTarget)
      }}
    >
      <input name="email" type="email" required />
      <textarea name="message" required />
      <button disabled={submitting}>Send</button>
      {error && <p role="alert">{error.message}</p>}
    </form>
  )
}

submit accepts an object, FormData, or the form element, plus optional { turnstileToken, subject, redirect, signal }. See @shipmyform/core for details.