m-oauth/hooks/useCreateApp.ts

import { FormSchema } from "@/components/CreatAppForm";
import { useCallback, useState } from "react";
import { Credentials, MError } from "@/lib/types";

const useCreateApp = () => {
  const [credentials, setCredentials] = useState<Credentials>();

  const createApp = useCallback(
    async ({
      instanceUrl,
      website,
      clientName,
      redirectUris,
      scopes,
    }: FormSchema) => {
      const app = {
        website,
        client_name: clientName,
        redirect_uris: redirectUris,
        scopes: scopes?.join(" "),
      };

      try {
        let request = await fetch(`${instanceUrl}/api/v1/apps`, {
          method: "POST",
          headers: {
            "Content-Type": "application/json",
          },
          body: JSON.stringify(app),
        });

        if (!request.ok || request.status === 424) {
          throw new Error((await request.json()).error);
        }
        setCredentials(await request.json());
      } catch (error) {
        throw new Error((error as MError).error);
      }
    },[]
  );

  return {
    credentials,
    createApp,
  };
};

export default useCreateApp;