Pinned Loading

1. Type Safe Server Action Hook Type Safe Server Action Hook

   1

   import { useState, useCallback } from "react";

   2

   3

   import { ActionState, FormFieldErrors } from "@/lib/create-safe-action";

   4

   5

   type Action<TInput, TOutput> = (data: TInput) => Promise<ActionState<TInput, TOutput>>;

2. Server Action Wrapper with Validation Server Action Wrapper with Validation

   1

   import { z } from "zod";

   2

   3

   export type FormFieldErrors<T> = {

   4

       [Key in keyof T]?: string[];

   5

   }