<form action={async () => {
  const res = await action(data)
  if (res.success) toast.success()
}}>
</form>

'use server'

export async function action(data: Formdata) {
  try 
    const res = await fetch("")
    const data = await res.json()
    return {success:true, data}
  } catch (e) {
    return { success: false, errors: ...}
  }
}

interface FetchConfig<T = Record<string, string>> {
  options?: RequestInit;
  headers?: T;
}

export async function fetchFromApi<T>(
  endpoint: string,
  config: FetchConfig = {}
): Promise<T | null> {
  // const locale = useLocale();
  const locale = "en";
  const locales: Record<string, string> = { en: "en-GB", fr: "fr-FR" };

  // Getting sessions from next/auth
  const session = await getServerSession(options);
  // Setting default headers
  const headers: Record<string, string> = {
    "Content-Type": "application/json",
    ...config.headers,
  };

  // Setting authorization bearer token (if available)
  if (session?.user?.token) {
    headers["Authorization"] = `Bearer ${session.user.token}`;
  }
  // Setting default options
  const defaultOptions: RequestInit = {
    method: "GET",
    headers: headers,
  };

  // Merging default options with provided options and headers
  const finalOptions = {
    ...defaultOptions,
    ...config.options,
    headers: {
      ...defaultOptions.headers,
      ...config.headers,
    },
  };

  // Making the API call
  const response = await fetch(
    `${API_URL}/${locales[locale]}/${endpoint}`,
    finalOptions
  );
  const responseData: Response<T> = await response.json();
  // Checking API response success status
  if (!responseData.isSuccess) {
    throw new Error(
      responseData.errors?.map((e) => e.message).join(", ") || "Unknown error."
    );
  }

  return responseData.data;
}

const res = await action(data)
handleToast(res)