remix-actionError.ts

import { json } from "@remix-run/node";
import type { ZodIssue } from "zod";
import { z } from "zod";

type ActionData<T> = {
  ok: false;
  data: T;
  errors: ZodIssue[];
};

export function actionError<T>(data: T, errors: ZodIssue[]) {
  return json<ActionData<T>>(
    {
      ok: false,
      data,
      errors,
    },
    { status: 400 }
  );
}

export function toZodIssues(issues: string[]) {
  const zoError = new z.ZodError([]);
  issues.forEach((message) => {
    zoError.addIssue({
      code: z.ZodIssueCode.custom,
      path: [],
      message,
    });
  });

  return zoError.issues;
}