ReactHook

useFormStatus

Description

React DOM's hook for the pending state of the nearest parent <form>, re-exported for convenience inside action forms.

Signature

tsx

const { pending, data, method, action } = useFormStatus()

Examples

tsx

import { useFormStatus } from '@ossido-labs/ossido/actions';

function Submit() {
  const { pending } = useFormStatus();
  return <button disabled={pending}>Save</button>;
}