Tanstack mutations and createServerFn() not catching errors

// mutation with form
 const form = useAppForm({
    ...formOpts,
    onSubmit: ({ value }) => {
      submitIdea(value)
    },
  })

  const { mutate: submitIdea } = useMutation({
    mutationFn: async (formValues: InnopointsIdeaFormInput) =>
      await handleCreateIdea({ data: formValues }),
    onSuccess: (result) => {
      console.log("onSuccess result:", result)

      showSuccessToast("Idea submitted successfully")
      // form.reset()
    },
    onError: (error) => {
      console.error("error", error)
      showErrorToast("Idea submission failed")
    },
  })


// server fn
export const handleCreateIdea = createServerFn({ method: "POST" })
  .middleware([authMiddleware])
  .inputValidator(<schema>)
  .handler(async ({ data }) => {
    const supabase = getSupabaseServerClient()

    const { data, error: personError } = await supabase(...some query)


    if (personError) {
      throw new Error(personError.message) // not caught
    }