diff --git a/src/app/private/chapter-leader/users/MembersHomePage.tsx b/src/app/private/chapter-leader/users/MembersHomePage.tsx
index 78b2e4d1..ef707721 100644
--- a/src/app/private/chapter-leader/users/MembersHomePage.tsx
+++ b/src/app/private/chapter-leader/users/MembersHomePage.tsx
@@ -11,6 +11,7 @@ import { Dropdown } from "@components/selector";
 import { Popup } from "@components/container";
 import { useRouter } from "next/navigation";
 import { sortedStudents } from "@utils";
+import { useApiThrottle } from "@hooks";
 
 type MembersHomePageProps = {
   members: User[];
@@ -18,7 +19,7 @@ type MembersHomePageProps = {
 
 const EBOARD_POSITIONS = [
   "Social Coordinator",
-  "Senior Outreach Coordinator",
+  "Outreach Coordinator",
   "Head of Media",
   "Secretary",
   "Treasurer",
@@ -37,6 +38,14 @@ const MembersHomePage = ({ members }: MembersHomePageProps) => {
     setSelectedPosition([]);
   };
 
+  const { fn: throttleEditPosition } = useApiThrottle({
+    fn: editPosition,
+    callback: () => {
+      resetAssignment();
+      router.refresh();
+    },
+  });
+
   const displayMembers = (elem: User, index: number) => (
     <UserTile
       key={elem.id}
@@ -79,16 +88,12 @@ const MembersHomePage = ({ members }: MembersHomePageProps) => {
             display={(element) => <>{element.position}</>}
             selected={selectedPosition}
             setSelected={setSelectedPosition}
-            onSave={async () => {
-              await editPosition(
-                {
-                  body: { position: selectedPosition[0]?.position ?? "" },
-                },
+            onSave={async () =>
+              await throttleEditPosition(
+                { body: { position: selectedPosition[0]?.position ?? "" } },
                 uidToEdit
-              );
-              resetAssignment();
-              router.refresh();
-            }}
+              )
+            }
             multipleChoice={false}
           />
         </Popup>
diff --git a/src/components/ChapterRequest.tsx b/src/components/ChapterRequest.tsx
index 06f8fb8a..9ba730b8 100644
--- a/src/components/ChapterRequest.tsx
+++ b/src/components/ChapterRequest.tsx
@@ -1,24 +1,11 @@
 "use client";
-import { useState } from "react";
-import { faEnvelope, faPhone } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
 import { handleChapterRequest } from "src/app/api/handle-chapter-request/route.client";
 import { useRouter } from "next/navigation";
 import { ChapterRequest } from "@prisma/client";
 import { InfoTile } from "./TileGrid";
-
-type ButtonProps = {
-  chapterRequestId: string;
-  universityName: string;
-  universityAddress: string;
-  name: string;
-  email: string;
-  phoneNumber: string;
-  leadershipExperience: string;
-  motivation: string;
-  availabilities: string;
-  questions: string;
-};
+import { useApiThrottle } from "@hooks";
+import { Spinner } from "./skeleton";
 
 interface ChapterRequestMoreInformation {
   question: string;
@@ -44,6 +31,11 @@ const ChapterRequest = (props: ChapterRequestProps) => {
 
   const router = useRouter();
 
+  const { fetching, fn: throttleChapterRequest } = useApiThrottle({
+    fn: handleChapterRequest,
+    callback: () => router.refresh(),
+  });
+
   const qas: ChapterRequestMoreInformation[] = [
     {
       question:
@@ -92,165 +84,44 @@ const ChapterRequest = (props: ChapterRequestProps) => {
           {qas.map((question) => (
             <MoreInformation key={question.question} {...question} />
           ))}
-          <div className="mt-2 flex flex-row space-x-2">
-            <div
-              className="w-1/2 cursor-pointer rounded-xl bg-dark-teal py-1 text-center text-white hover:bg-[#1b4448]"
-              onClick={async () => {
-                handleChapterRequest({
-                  body: {
-                    chapterRequestId: request.id,
-                    approved: true,
-                  },
-                }).then((res) => {
-                  if (res.code === "SUCCESS") {
-                    router.refresh();
-                  } else {
-                    alert("Please refresh the page and try again");
-                  }
-                });
-              }}
-            >
-              Accept
+          {!fetching ? (
+            <div className="mt-2 flex flex-row space-x-2">
+              <div
+                className="w-1/2 cursor-pointer rounded-xl bg-dark-teal py-1 text-center text-white hover:bg-[#1b4448]"
+                onClick={() =>
+                  throttleChapterRequest({
+                    body: {
+                      chapterRequestId: request.id,
+                      approved: true,
+                    },
+                  })
+                }
+              >
+                Accept
+              </div>
+              <div
+                className="w-1/2 cursor-pointer rounded-xl bg-sunset-orange py-1 text-center text-white hover:bg-[#ED5858]"
+                onClick={async () =>
+                  throttleChapterRequest({
+                    body: {
+                      chapterRequestId: request.id,
+                      approved: false,
+                    },
+                  })
+                }
+              >
+                Decline
+              </div>
             </div>
-            <div
-              className="w-1/2 cursor-pointer rounded-xl bg-sunset-orange py-1 text-center text-white hover:bg-[#ED5858]"
-              onClick={async () => {
-                handleChapterRequest({
-                  body: {
-                    chapterRequestId: request.id,
-                    approved: false,
-                  },
-                }).then((res) => {
-                  if (res.code === "SUCCESS") {
-                    router.refresh();
-                  } else {
-                    alert("Please refresh the page and try again");
-                  }
-                });
-              }}
-            >
-              Decline
+          ) : (
+            <div className="flex justify-center p-2">
+              <Spinner height={16} width={16} />
             </div>
-          </div>
+          )}
         </div>
       }
     />
   );
-  // const router = useRouter();
-  // const [showMore, setShowMore] = useState(false);
-  // return (
-  //   <div className="grid h-min w-full rounded-lg bg-white p-6 text-xs">
-  //     <div className="mb-1 text-xl underline">
-  //       {universityName} <br />
-  //     </div>
-  //     <div className="flex ">
-  //       <div className="flex w-6/12 flex-col ">
-  //         <div className="mb-2.5">
-  //           Location: <span className="font-bold">{universityAddress} </span>
-  //         </div>
-  //         <div className="mb-2.5">
-  //           Requester:&nbsp;<span className="font-bold">{name} </span>
-  //         </div>
-  //       </div>
-  //       <div className="flex w-6/12 flex-col">
-  //         <div className="mb-2.5">
-  //           <FontAwesomeIcon icon={faEnvelope} className="mr-1" />
-  //           {email} <br />
-  //         </div>
-  //         <div className="mb-2.5">
-  //           <FontAwesomeIcon icon={faPhone} className="mr-1" />
-  //           {phoneNumber} <br />
-  //         </div>
-  //       </div>
-  //     </div>
-
-  //     {showMore ? (
-  //       <div>
-  //         <div
-  //           className="cursor-pointer text-dark-green underline"
-  //           onClick={() => setShowMore((b) => !b)}
-  //         >
-  //           Show less
-  //         </div>
-  //         <div>
-  //           <p className="mb-2 mt-2.5 font-bold">
-  //             Do you have any experience in student leadership / club
-  //             organizations / storytelling?
-  //           </p>
-  //           <p>{leadershipExperience}</p>
-  //         </div>
-  //         <div>
-  //           <p className="mb-2 mt-6 font-bold">
-  //             What motivates you to start this initiative in your community?
-  //           </p>
-  //           <p>{motivation}</p>
-  //         </div>
-  //         <div>
-  //           <p className="mb-2 mt-6 font-bold">
-  //             Please list three 1 hour time blocks with your availability in the
-  //             next week.
-  //           </p>
-  //           <p>{availabilities}</p>
-  //         </div>
-  //         <div>
-  //           <p className="mb-2 mt-6 font-bold">
-  //             What questions or comments do you have for us?
-  //           </p>
-  //           <p>{questions}</p>
-  //         </div>
-  //         <div className="mt-2.5 flex flex-row space-x-2 pt-2">
-  //           <div
-  //             className="w-1/2 cursor-pointer rounded-xl bg-dark-green py-1 text-center text-white hover:bg-[#1b4448]"
-  //             onClick={async () => {
-  //               handleChapterRequest({
-  //                 body: {
-  //                   chapterRequestId: chapterRequestId,
-  //                   approved: true,
-  //                 },
-  //               }).then((res) => {
-  //                 if (res.code === "SUCCESS") {
-  //                   router.refresh();
-  //                 } else {
-  //                   alert("Please refresh the page and try again");
-  //                 }
-  //               });
-  //             }}
-  //           >
-  //             Accept
-  //           </div>
-  //           <div
-  //             className="w-1/2 cursor-pointer rounded-xl bg-sunset-orange py-1 text-center text-white hover:bg-[#ED5858]"
-  //             onClick={async () => {
-  //               handleChapterRequest({
-  //                 body: {
-  //                   chapterRequestId: chapterRequestId,
-  //                   approved: false,
-  //                 },
-  //               }).then((res) => {
-  //                 if (res.code === "SUCCESS") {
-  //                   router.refresh();
-  //                 } else {
-  //                   alert("Please refresh the page and try again");
-  //                 }
-  //               });
-  //             }}
-  //           >
-  //             Decline
-  //           </div>
-  //         </div>
-  //       </div>
-  //     ) : (
-  //       <div>
-  //         <div
-  //           className="cursor-pointer text-dark-green underline"
-  //           onClick={() => setShowMore((b) => !b)}
-  //         >
-  //           Show more
-  //         </div>
-  //       </div>
-  //     )}
-  //   </div>
-  // );
 };
 
 export default ChapterRequest;
diff --git a/src/components/DisplayChapterInfo.tsx b/src/components/DisplayChapterInfo.tsx
index 9867c850..44af854e 100644
--- a/src/components/DisplayChapterInfo.tsx
+++ b/src/components/DisplayChapterInfo.tsx
@@ -14,6 +14,7 @@ import { Dropdown } from "./selector";
 import { editRole } from "@api/admin/edit-role/route.client";
 import { useRouter } from "next/navigation";
 import DropDownContainer from "@components/container/DropDownContainer";
+import { useApiThrottle } from "@hooks";
 
 type ChapterWithUser = Prisma.ChapterGetPayload<{
   include: { students: true };
@@ -52,19 +53,22 @@ const DisplayChapterInfo = ({
     React.useState(false);
   const [assignedPresidents, setAssignedPresidents] =
     React.useState(currentPresidents);
+  const { fn: throttleEditRole } = useApiThrottle({
+    fn: editRole,
+    callback: () => router.refresh(),
+  });
 
   const onSaveNewPresidents = async () => {
     const previousPresidents = currentPresidents.filter(
       (student) =>
         assignedPresidents.find((other) => student.id === other.id) == undefined
     );
-    await editRole({
+    await throttleEditRole({
       body: {
         chapterLeaders: assignedPresidents.map((student) => student.id),
         users: previousPresidents.map((student) => student.id),
       },
     });
-    router.refresh();
   };
 
   const resetAssignment = () => {
diff --git a/src/components/TileGrid/UserTile.tsx b/src/components/TileGrid/UserTile.tsx
index f028fc10..cf9d5545 100644
--- a/src/components/TileGrid/UserTile.tsx
+++ b/src/components/TileGrid/UserTile.tsx
@@ -54,39 +54,41 @@ export function UserTile({
           </div>
         </Link>
       </div>
-      <div className="relative flex items-start justify-between px-3 py-4">
-        <div className="overflow-hidden">
-          <p className="overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold before:invisible before:content-['\200B']">
-            {student
-              ? fullName(student)
-              : senior
-              ? seniorFullName(senior)
-              : null}
-          </p>
-          {student ? (
-            <p
-              className={
-                (student.position === "" && student.role !== "CHAPTER_LEADER"
-                  ? "bg-med-tan text-dark-teal "
-                  : "bg-[#AE583C] font-bold text-white  ") +
-                "mt-5 inline-block text-ellipsis whitespace-nowrap rounded-3xl px-3.5 py-1.5 text-center text-xs"
-              }
-            >
-              {student.role === "CHAPTER_LEADER"
-                ? "Chapter Leader"
-                : student.position === ""
-                ? "Member"
-                : student.position}
-            </p>
-          ) : null}
-          {/* @TODO: Add pronouns once we add to student field  */}
-          {senior ? (
-            <p className="text-md font-base text-neutral-600 mt-[5px] truncate text-[10px] text-dark-teal before:invisible before:content-['\200B']">
-              {senior.location}
+      <div className="flex w-full flex-col items-start justify-between gap-y-2 px-3 py-4">
+        <div className="flex w-full justify-between">
+          <div className="overflow-hidden">
+            <p className="overflow-hidden text-ellipsis whitespace-nowrap text-sm font-bold before:invisible before:content-['\200B']">
+              {student
+                ? fullName(student)
+                : senior
+                ? seniorFullName(senior)
+                : null}
             </p>
-          ) : null}
+          </div>
+          {dropdownComponent}
         </div>
-        {dropdownComponent}
+        {student ? (
+          <p
+            className={
+              (student.position === "" && student.role !== "CHAPTER_LEADER"
+                ? "bg-med-tan text-dark-teal "
+                : "bg-[#AE583C] font-bold text-white  ") +
+              "inline-block text-ellipsis whitespace-nowrap rounded-3xl px-3.5 py-1.5 text-center text-xs"
+            }
+          >
+            {student.role === "CHAPTER_LEADER"
+              ? "Chapter Leader"
+              : student.position === ""
+              ? "Member"
+              : student.position}
+          </p>
+        ) : null}
+        {/* @TODO: Add pronouns once we add to student field  */}
+        {senior ? (
+          <p className="text-md font-base text-neutral-600 truncate text-[10px] text-dark-teal before:invisible before:content-['\200B']">
+            {senior.location}
+          </p>
+        ) : null}
       </div>
     </div>
   );
diff --git a/src/components/selector/Dropdown.tsx b/src/components/selector/Dropdown.tsx
index 4acdbe81..bc1466df 100644
--- a/src/components/selector/Dropdown.tsx
+++ b/src/components/selector/Dropdown.tsx
@@ -31,7 +31,10 @@ const Dropdown = <T extends IdentifiableObject>(props: DropdownProps<T>) => {
 
   const onSave = () => {
     setLoading(true);
-    props.onSave().then(() => setLoading(false));
+    props.onSave().then(() => {
+      setLoading(false);
+      setDisplayDropdown(false);
+    });
   };
 
   const onCheck = (
@@ -90,7 +93,7 @@ const Dropdown = <T extends IdentifiableObject>(props: DropdownProps<T>) => {
             </div>
             {loading ? (
               <div className="flex w-full justify-center">
-                <Spinner height={8} width={8} />
+                <Spinner height={12} width={12} />
               </div>
             ) : (
               <button
diff --git a/src/components/senior/DisplaySenior.tsx b/src/components/senior/DisplaySenior.tsx
index 32c9d619..35080e20 100644
--- a/src/components/senior/DisplaySenior.tsx
+++ b/src/components/senior/DisplaySenior.tsx
@@ -9,6 +9,7 @@ import { v4 as uuid } from "uuid";
 import Assignment from "./assignment";
 import { patchSenior } from "@api/senior/[id]/route.client";
 import React from "react";
+import { useApiThrottle } from "@hooks";
 
 interface DisplayProps {
   editable: boolean;
@@ -31,8 +32,10 @@ const DisplaySenior = (props: DisplayProps) => {
     students.filter((student) => senior.StudentIDs.includes(student.id));
 
   const [assigned, setAssigned] = React.useState(() => getAssignments());
+
+  const { fn: throttlePatchSenior } = useApiThrottle({ fn: patchSenior });
   const onSave = async () => {
-    await patchSenior({
+    await throttlePatchSenior({
       body: {
         firstname: senior.firstname,
         lastname: senior.lastname,
diff --git a/src/components/skeleton/Spinner.tsx b/src/components/skeleton/Spinner.tsx
index 1621baa8..ddfa572c 100644
--- a/src/components/skeleton/Spinner.tsx
+++ b/src/components/skeleton/Spinner.tsx
@@ -6,10 +6,12 @@ interface SpinnerProps {
 const Spinner = ({ height = 24, width = 24 }: SpinnerProps) => {
   // @TODO - Talk to Fa about spinner style
   return (
-    <svg
-      className={`h-${height} w-${width} animate-spin rounded-full border-8 border-gray-300 border-t-dark-teal`}
-      viewBox="0 0 24 24"
-    />
+    <div className={`h-fit p-2`}>
+      <svg
+        className={`h-${height} w-${width} animate-spin rounded-full border-8 border-gray-300 border-t-dark-teal`}
+        viewBox="0 0 24 24"
+      />
+    </div>
   );
 };
 
diff --git a/src/components/user/AddFile.tsx b/src/components/user/AddFile.tsx
index 52894f57..e90a18cb 100644
--- a/src/components/user/AddFile.tsx
+++ b/src/components/user/AddFile.tsx
@@ -10,6 +10,7 @@ import { Popup } from "@components/container";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faCalendar } from "@fortawesome/free-solid-svg-icons";
 import { useRouter } from "next/navigation";
+import { useApiThrottle } from "@hooks";
 
 type AddFileProps = {
   showAddFilePopUp: boolean;
@@ -97,38 +98,25 @@ const AddFile = ({
   const [startDate, setStartDate] = useState(new Date());
 
   const router = useRouter();
-  const [fetching, setFetching] = React.useState(false);
   const [error, setError] = useState<boolean>(false);
   const [selectedTags, setSelectedTags] = useState<TagProps[]>([]);
 
+  const { fetching, fn: throttledCreateFile } = useApiThrottle({
+    fn: createFile,
+    callback: (res) => {
+      if (res.code === "SUCCESS") {
+        setShowAddFilePopUp(false);
+        router.refresh();
+      } else {
+        setError(true);
+      }
+    },
+  });
+
   const handleCancel = () => {
     setShowAddFilePopUp(!showAddFilePopUp);
   };
 
-  const callAddFile = async () => {
-    if (fetching) {
-      return;
-    }
-
-    setFetching(true);
-    const response = await createFile({
-      body: {
-        date: startDate,
-        filetype: "Google Document",
-        url: "",
-        Tags: selectedTags.map((tagProp) => tagProp.name),
-        seniorId: seniorId,
-      },
-    });
-    setFetching(false);
-
-    if (response.code === "SUCCESS") {
-      router.refresh();
-    } else {
-      setError(true);
-    }
-  };
-
   if (!showAddFilePopUp) {
     return null;
   }
@@ -180,7 +168,17 @@ const AddFile = ({
               selectedTags.length == 0 ||
               excludedDatesString.includes(startDate.toDateString())
             }
-            onClick={callAddFile}
+            onClick={() => {
+              throttledCreateFile({
+                body: {
+                  date: startDate,
+                  filetype: "Google Document",
+                  url: "",
+                  Tags: selectedTags.map((tagProp) => tagProp.name),
+                  seniorId: seniorId,
+                },
+              });
+            }}
           >
             {!fetching ? "Create" : "Loading..."}
           </button>
diff --git a/src/components/user/DisplayUserSeniors.tsx b/src/components/user/DisplayUserSeniors.tsx
index 3e3f5c8b..2bb2726d 100644
--- a/src/components/user/DisplayUserSeniors.tsx
+++ b/src/components/user/DisplayUserSeniors.tsx
@@ -5,6 +5,7 @@ import { UserTile } from "@components/TileGrid";
 import { CardGrid } from "@components/container";
 import Assignment from "@components/senior/assignment";
 import { RoleToUrlSegment } from "@constants/RoleAlias";
+import { useApiThrottle } from "@hooks";
 import { Prisma, Senior } from "@prisma/client";
 import { compareSenior, fullName, seniorFullName } from "@utils";
 import React from "react";
@@ -31,8 +32,10 @@ const DisplayUserSenior = (props: DisplayProps) => {
 
   const [assigned, setAssigned] = React.useState(() => getAssignments());
 
+  const { fn: throttleEditSeniorIds } = useApiThrottle({ fn: editSeniorIDs });
+
   const onSave = async () => {
-    await editSeniorIDs(
+    await throttleEditSeniorIds(
       {
         body: {
           SeniorIDs: assigned.map((senior) => senior.id),
@@ -56,7 +59,6 @@ const DisplayUserSenior = (props: DisplayProps) => {
         setSelected={setAssigned}
         onSave={onSave}
       />
-
       <CardGrid
         tiles={assigned.map((eachSenior) => (
           <UserTile
diff --git a/src/components/user/EditProfileForm.tsx b/src/components/user/EditProfileForm.tsx
index 09a4202b..2f1353e9 100644
--- a/src/components/user/EditProfileForm.tsx
+++ b/src/components/user/EditProfileForm.tsx
@@ -9,6 +9,8 @@ import { useRouter } from "next/navigation";
 
 import { editProfile } from "@api/user/[uid]/edit-profile/route.client";
 import { UserContext } from "src/context/UserProvider";
+import { useApiThrottle } from "@hooks";
+import { Spinner } from "@components/skeleton";
 
 const EditProfileForm = () => {
   const {
@@ -22,19 +24,23 @@ const EditProfileForm = () => {
     resolver: zodResolver(EditProfileRequest),
   });
 
-  const onSubmit: SubmitHandler<ValidationSchema> = async (data, event) => {
-    event?.preventDefault();
-    const response = await editProfile({ body: data }, uid);
-    if (response.code == "SUCCESS") {
+  const { fetching, fn: throttleEditProfile } = useApiThrottle({
+    fn: editProfile,
+    callback: () => {
       setEdited(false);
       router.refresh();
-    }
+    },
+  });
+
+  const onSubmit: SubmitHandler<ValidationSchema> = async (data, event) => {
+    event?.preventDefault();
+    throttleEditProfile({ body: data }, uid);
   };
 
   return (
     <>
       <h2 className="mb-12 text-2xl">Edit my profile</h2>
-      <form className="relative w-11/12" onSubmit={handleSubmit(onSubmit)}>
+      <form className="flex flex-col gap-y-8" onSubmit={handleSubmit(onSubmit)}>
         <div className="grid w-full grid-cols-2 gap-10">
           <div className="flex w-full flex-col gap-3">
             <label htmlFor="firstName">First name</label>
@@ -83,17 +89,24 @@ const EditProfileForm = () => {
             ></input>
           </div>
         </div>
-        <button
-          className="absolute right-0 mt-10 h-8 w-24 rounded-lg bg-dark-teal text-center text-sm text-white duration-300 hover:bg-teal"
-          style={
-            edited
-              ? { visibility: "visible", opacity: 1 }
-              : { visibility: "hidden", opacity: 0 }
-          }
-          type="submit"
-        >
-          Save
-        </button>
+
+        <div className="flex justify-end">
+          {!fetching ? (
+            <button
+              className="rounded-lg bg-dark-teal px-12 py-3 text-center text-sm text-white duration-300 hover:bg-teal"
+              style={
+                edited
+                  ? { visibility: "visible", opacity: 1 }
+                  : { visibility: "hidden", opacity: 0 }
+              }
+              type="submit"
+            >
+              Save
+            </button>
+          ) : (
+            <Spinner height={16} width={16} />
+          )}
+        </div>
       </form>
     </>
   );
diff --git a/src/hooks/index.tsx b/src/hooks/index.tsx
index c4f4796e..e768df1a 100644
--- a/src/hooks/index.tsx
+++ b/src/hooks/index.tsx
@@ -1,2 +1,3 @@
 export { default as useAuth } from "./useAuth";
 export { default as useUserRedirect } from "./useUserRedirect";
+export { default as useApiThrottle } from "./useApiThrottle";
diff --git a/src/hooks/useApiThrottle.tsx b/src/hooks/useApiThrottle.tsx
new file mode 100644
index 00000000..3a246178
--- /dev/null
+++ b/src/hooks/useApiThrottle.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+
+type ApiCall = (...args: any[]) => Promise<any>;
+
+interface UseApiThrottleProps<T extends ApiCall> {
+  fn: T;
+  callback?: (res: Awaited<ReturnType<T>>) => void;
+}
+
+/**
+ * Prevent additional API call until the most recent one has completed.
+ */
+const useApiThrottle = <T extends ApiCall>(props: UseApiThrottleProps<T>) => {
+  const [fetching, setFetching] = React.useState(false);
+
+  const fn: (...args: Parameters<T>) => Promise<void> = React.useCallback(
+    async (...args) => {
+      if (fetching) {
+        return;
+      }
+      setFetching(true);
+      await props.fn(...args).then(props.callback);
+      setFetching(false);
+    },
+    [props, fetching]
+  );
+
+  return { fetching, fn };
+};
+
+export default useApiThrottle;