fix(invitationPage): avoid multiple re-rendering

QuivrHQ · Aug 30, 2023 · cf5edc5 · cf5edc5
1 parent 1b63141
commit cf5edc5
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/frontend/lib/api/subscription/useSubscriptionApi.ts b/frontend/lib/api/subscription/useSubscriptionApi.ts
@@ -1,4 +1,5 @@
 import { UUID } from "crypto";
+import { useCallback } from "react";
 
 import { useAxios } from "@/lib/hooks";
 
@@ -17,7 +18,10 @@ export const useSubscriptionApi = () => {
       acceptInvitation(brainId, axiosInstance),
     declineInvitation: async (brainId: UUID) =>
       declineInvitation(brainId, axiosInstance),
-    getInvitation: async (brainId: UUID) =>
-      getInvitation(brainId, axiosInstance),
+    // We're using useCallback here to avoid infinite loops due to function references changing
+    getInvitation: useCallback(
+      async (brainId: UUID) => getInvitation(brainId, axiosInstance),
+      [axiosInstance]
+    ),
   };
 };