How to use useSubmission with server action passed to form?

const createItemAction = action(async function (formData) {
  "use server";
  try {
    validateInput(formData)
    return { status: 'ok' };
  } catch {
    return { status: 'error' }
  }
});

function CreateItem() {
  const status = useSubmission(createItemAction);

  console.log('status', status.result, status.pending, status.error);
  return (
    <form method="post" action={createItemAction}>
      <input type="text" name="name" />
      <button type="submit">Create</button>
    </form>
  )
}

const createItemAction = action(async function (formData) {
  "use server";
  try {
    validateInput(formData)
    return { status: 'ok' };
  } catch {
    return { status: 'error' }
  }
});

function CreateItem() {
  const status = useSubmission(createItemAction);

  console.log('status', status.result, status.pending, status.error);
  return (
    <form method="post" action={createItemAction}>
      <input type="text" name="name" />
      <button type="submit">Create</button>
    </form>
  )
}