react hook for post/put

useSave.ts

import { useState } from "react";

import urljoin from "url-join";

const useSave = <T>(method: "post" | "put") => {
  const [isSaving, setIsSaving] = useState(false);
  const [error, setError] = useState("");

  const save = async (endpoint: string, body: T) => {
    setError("");
    setIsSaving(true);

    try {
      const response = await fetch(endpoint, {
        method: method,
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(body),
      });

      if (!response.ok) {
        throw new Error(`API request failed - ${response.status}`);
      }
    } catch (e) {
      setError((e as Error).message);
      setIsSaving(false);
      return false;
    }

    setIsSaving(false);
    return true;
  };

  return { isSaving, error, save };
};

export default useSave;