How to get data from server action

async function addUser(data: FormData) {
  "use server"
  const schema = zfd.formData({
    name: z.string(),
  })

  try {
    const { name } = schema.parse(data)
    await db.insert(UsersTable).values({ name })
    revalidatePath("/")
  } catch (e: any) {
    if (e instanceof ZodError) {
      return { data: null, error: "There is an issue" }
    } else {
      throw e
    }
  }
}


export default async function NewUser() {
  // How do I get this?
  const stuffReturnedFromAction = idkWhat()

  return (
    <form action={addUser}>
      <label htmlFor="name">First Name</label>
      <input id="name" name="name" type="text" required />
      <button type="submit" className="w-4 h-2 font-bold">
        Add User
      </button>
      {/* to put it here */}
      <p className="color-red">{stuffReturnedFromAction.error}</p>
    </form>
  )
}