@calimero-network/mero-react 3.0.0 → 3.0.1

package/dist/index.cjs

@@ -2187,7 +2187,9 @@ function useGroupUpgradeStatus(groupId) {
   const [loading, setLoading] = react.useState(false);
   const [error, setError] = react.useState(null);
   const mountedRef = useMountedRef();
+  const reqRef = react.useRef(0);
   const refetch = react.useCallback(async () => {
+    const seq = ++reqRef.current;
     if (!mero || !groupId) {
       if (mountedRef.current) {
         setUpgradeStatus(null);
@@ -2202,20 +2204,25 @@ function useGroupUpgradeStatus(groupId) {
     }
     try {
       const result = await mero.admin.getGroupUpgradeStatus(groupId);
-      if (mountedRef.current) {
+      if (mountedRef.current && seq === reqRef.current) {
         setUpgradeStatus(result);
       }
     } catch (err) {
       const errorValue = toError(err);
-      if (mountedRef.current) {
+      if (mountedRef.current && seq === reqRef.current) {
         setError(errorValue);
       }
     } finally {
-      if (mountedRef.current) {
+      if (mountedRef.current && seq === reqRef.current) {
         setLoading(false);
       }
     }
   }, [groupId, mero, mountedRef]);
+  react.useEffect(() => {
+    reqRef.current += 1;
+    setUpgradeStatus(null);
+    setError(null);
+  }, [groupId]);
   react.useEffect(() => {
     void refetch();
   }, [refetch]);
@@ -2500,6 +2507,11 @@ function useMyAuthoredMigration(contextId) {
     } catch {
     }
   }, [mero, contextId, mountedRef]);
+  react.useEffect(() => {
+    reqRef.current += 1;
+    setPendingCount(0);
+    setSummary(null);
+  }, [contextId]);
   react.useEffect(() => {
     void refresh();
   }, [refresh]);