Allow action to throw error

[qiushiyan]

It would be convenient to add a helper chaining method (e.g. .throw()) so that the server action would throw the error instead of returning it.

Use cases: the error.tsx and <ErrorBoundary /> components would automatically work if the server action throws the error, now I have to manually re-throw it

// page.tsx
const [data, err] = await action()
if (err) {
 throw new Error(err)
}

if with the chaining method I could just do

const action2 = action.throw()
const data = await action2()

[IdoPesok]

Hi, I am planning to improve error handling for the 1.0.0 release. Will make sure this functionality is available. In the meantime, you can try throwing the error in the shape error function on a base procedure.

[qiushiyan]

Thanks for the amazing work!

[JoshuaKirby88]

Hey, I'm not really familiar with what errors can be.
In the experimental_shapeError callback, err is of type "unknown", whereas I thought all errors from zsa are of type TZSAError.
Can errors from experimental_shapeError be both an instance of the Error class, as well as TZSA?

"use server"

import { createServerActionProcedure, TAnyCompleteProcedure } from "zsa"

export const DALProcedure = (procedure: TAnyCompleteProcedure) => {
    return createServerActionProcedure(procedure)
        .experimental_shapeError(({ err }) => {
            const error = typeof err === "object" && err !== null && "data" in err && typeof err.data === "string" ? err.data : "Unknown database error"
            throw new Error(error)
        })
        .handler(() => {})
}