So when I am throwing an error from my server action, I am obviously passing an error message. In my development server, the client is catching the exact error message from the server action. But in production, it's a weird message that's far from the message I have thrown in the error object.

The message in the production is always: An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.

No matter what message I throw within the Error instance.

Here's an example code:

"use server";
export async function deliverOrder() {
  const error = Math.random() > 0.5;
  if (error) {
    throw new Error("You got an error!");
  }
  return "Nope";
}

I need to catch the exact error message thrown from the error in the server action in the client. Please point me to what I am doing wrong. I thought about shifting to objects (Like return { type: "error/response", message: "..." }), but it's a lot of work to do (in the case of maintaining type safety).