api-core-lib 16.12.133 → 16.12.134

package/dist/client.cjs

@@ -330,32 +330,29 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
     defaultQueryOptions,
     initialActionsToExecute
   } = options;
-  const pathParamsString = _react.useMemo.call(void 0, () => JSON.stringify(globalPathParams || {}), [globalPathParams]);
   const [queryOptions, setQueryOptions] = _react.useState.call(void 0, () => {
     const initialOptions = {};
     for (const actionName in moduleConfig.actions) {
       const actionConfig = moduleConfig.actions[actionName];
-      if (actionConfig._input) {
-        initialOptions[actionName] = { ...actionConfig._input };
-      }
-    }
-    if (defaultQueryOptions) {
-      for (const actionName in defaultQueryOptions) {
-        initialOptions[actionName] = {
-          ...initialOptions[actionName],
-          ...defaultQueryOptions[actionName]
-        };
+      if (actionConfig.hasQuery) {
+        initialOptions[actionName] = { ..._optionalChain([defaultQueryOptions, 'optionalAccess', _6 => _6[actionName]]) || {} };
       }
     }
     return initialOptions;
   });
-  const lastCallRef = _react.useRef.call(void 0, {});
-  const initialFetchRef = _react.useRef.call(void 0, false);
-  const stableActionsRef = _react.useRef.call(void 0, {});
-  const savedCallbacks = _react.useRef.call(void 0, { onSuccess, onError });
+  const queryOptionsRef = _react.useRef.call(void 0, queryOptions);
+  const pathParamsRef = _react.useRef.call(void 0, globalPathParams);
+  const savedCallbacksRef = _react.useRef.call(void 0, { onSuccess, onError });
   _react.useEffect.call(void 0, () => {
-    savedCallbacks.current = { onSuccess, onError };
+    queryOptionsRef.current = queryOptions;
+  }, [queryOptions]);
+  _react.useEffect.call(void 0, () => {
+    pathParamsRef.current = globalPathParams;
+  }, [globalPathParams]);
+  _react.useEffect.call(void 0, () => {
+    savedCallbacksRef.current = { onSuccess, onError };
   }, [onSuccess, onError]);
+  const stableActionsRef = _react.useRef.call(void 0, {});
   _react.useEffect.call(void 0, () => {
     if (hydratedState) {
       _chunkJAMEOM7Tcjs.globalStateManager.rehydrate(hydratedState);
@@ -386,7 +383,7 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
         return newState;
       });
     }
-  }, [urlSync]);
+  }, [_optionalChain([urlSync, 'optionalAccess', _7 => _7.searchParams]), _optionalChain([urlSync, 'optionalAccess', _8 => _8.actionsToSync]), _optionalChain([urlSync, 'optionalAccess', _9 => _9.defaultSyncAction])]);
   _react.useEffect.call(void 0, () => {
     if (!urlSync) return;
     const { searchParams, updateUrl, actionsToSync, defaultSyncAction } = urlSync;
@@ -411,19 +408,17 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
     if (hasChanged) {
       updateUrl(currentParams.toString());
     }
-  }, [queryOptions, urlSync]);
+  }, [queryOptions, _optionalChain([urlSync, 'optionalAccess', _10 => _10.updateUrl]), _optionalChain([urlSync, 'optionalAccess', _11 => _11.searchParams]), _optionalChain([urlSync, 'optionalAccess', _12 => _12.actionsToSync]), _optionalChain([urlSync, 'optionalAccess', _13 => _13.defaultSyncAction])]);
   _react.useMemo.call(void 0, () => {
     for (const actionName in moduleConfig.actions) {
       const actionConfig = moduleConfig.actions[actionName];
       const shouldCache = actionConfig.cacheResponse !== false;
       const execute = async (input, options2 = {}) => {
-        lastCallRef.current[actionName] = { input, options: options2 };
-        const finalPathParams = { ...JSON.parse(pathParamsString), ...options2.pathParams };
+        const finalPathParams = { ...pathParamsRef.current, ...options2.pathParams };
+        const currentQueryOptions = queryOptionsRef.current[actionName];
         let bodyForCall = input;
-        let requestConfig = options2.config || {};
-        if (actionConfig.method === "GET") {
-          const currentQueryOptions = queryOptions[actionName];
-          bodyForCall = { ...actionConfig._input, ...currentQueryOptions, ..._optionalChain([options2, 'access', _6 => _6.config, 'optionalAccess', _7 => _7.params]), ...input };
+        if (actionConfig.method === "GET" && actionConfig.hasQuery) {
+          bodyForCall = { ...currentQueryOptions, ..._optionalChain([options2, 'access', _14 => _14.config, 'optionalAccess', _15 => _15.params]), ...input };
         } else if (actionConfig.upload && input) {
           bodyForCall = new FormData();
           for (const key in input) {
@@ -431,18 +426,14 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
           }
         }
         const cacheKey = shouldCache ? _chunkJAMEOM7Tcjs.generateCacheKey.call(void 0, moduleConfig.baseEndpoint, actionName, bodyForCall, { pathParams: finalPathParams }) : "";
-        let mutationContext;
+        if (shouldCache) {
+          _chunkJAMEOM7Tcjs.globalStateManager.setState(cacheKey, (prev) => ({ ...prev, loading: true, called: true, error: null, isStale: false }));
+        }
         try {
-          if (options2.onMutate && shouldCache) {
-            mutationContext = await options2.onMutate(input);
-          }
-          if (shouldCache) {
-            _chunkJAMEOM7Tcjs.globalStateManager.setState(cacheKey, (prev) => ({ ...prev, loading: true, called: true, error: null, isStale: false }));
-          }
           const result = await _chunkJAMEOM7Tcjs.callDynamicApi.call(void 0, axiosInstance, moduleConfig.baseEndpoint, actionConfig, {
             pathParams: finalPathParams,
             body: bodyForCall,
-            config: requestConfig
+            config: options2.config
           });
           if (shouldCache) {
             _chunkJAMEOM7Tcjs.globalStateManager.setState(cacheKey, (prev) => ({
@@ -460,42 +451,39 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
             }));
           }
           if (result.success) {
-            _optionalChain([savedCallbacks, 'access', _8 => _8.current, 'access', _9 => _9.onSuccess, 'optionalCall', _10 => _10(actionName, result.message || "Action successful", result.data)]);
-            _optionalChain([options2, 'access', _11 => _11.onSuccess, 'optionalCall', _12 => _12(result.data, mutationContext)]);
-            _optionalChain([actionConfig, 'access', _13 => _13.invalidates, 'optionalAccess', _14 => _14.forEach, 'call', _15 => _15((keyToInvalidate) => {
+            _optionalChain([savedCallbacksRef, 'access', _16 => _16.current, 'access', _17 => _17.onSuccess, 'optionalCall', _18 => _18(actionName, result.message || "Action successful", result.data)]);
+            _optionalChain([options2, 'access', _19 => _19.onSuccess, 'optionalCall', _20 => _20(result.data, void 0)]);
+            _optionalChain([actionConfig, 'access', _21 => _21.invalidates, 'optionalAccess', _22 => _22.forEach, 'call', _23 => _23((keyToInvalidate) => {
               const prefix = `${moduleConfig.baseEndpoint}/${keyToInvalidate}::`;
               _chunkJAMEOM7Tcjs.globalStateManager.invalidateByPrefix(prefix);
             })]);
           } else {
-            _optionalChain([savedCallbacks, 'access', _16 => _16.current, 'access', _17 => _17.onError, 'optionalCall', _18 => _18(actionName, result.message || "Action failed", _nullishCoalesce(result.error, () => ( void 0)))]);
-            _optionalChain([options2, 'access', _19 => _19.onError, 'optionalCall', _20 => _20(result.error, mutationContext)]);
+            _optionalChain([savedCallbacksRef, 'access', _24 => _24.current, 'access', _25 => _25.onError, 'optionalCall', _26 => _26(actionName, result.message || "Action failed", _nullishCoalesce(result.error, () => ( void 0)))]);
+            _optionalChain([options2, 'access', _27 => _27.onError, 'optionalCall', _28 => _28(result.error, void 0)]);
           }
           return result;
         } catch (error) {
-          const apiError = _optionalChain([error, 'access', _21 => _21.response, 'optionalAccess', _22 => _22.data]) || { status: 500, message: error.message };
+          const apiError = _optionalChain([error, 'access', _29 => _29.response, 'optionalAccess', _30 => _30.data]) || { status: 500, message: error.message };
           if (shouldCache) {
             _chunkJAMEOM7Tcjs.globalStateManager.setState(cacheKey, (prev) => ({ ...prev, error: apiError, loading: false, success: false }));
           }
-          _optionalChain([savedCallbacks, 'access', _23 => _23.current, 'access', _24 => _24.onError, 'optionalCall', _25 => _25(actionName, apiError.message, apiError)]);
-          _optionalChain([options2, 'access', _26 => _26.onError, 'optionalCall', _27 => _27(apiError, mutationContext)]);
+          _optionalChain([savedCallbacksRef, 'access', _31 => _31.current, 'access', _32 => _32.onError, 'optionalCall', _33 => _33(actionName, apiError.message, apiError)]);
+          _optionalChain([options2, 'access', _34 => _34.onError, 'optionalCall', _35 => _35(apiError, void 0)]);
           throw error;
-        } finally {
-          if (options2.onSettled) {
-            options2.onSettled();
-          }
         }
       };
       const reset = (input, options2 = {}) => {
         if (shouldCache) {
-          const finalPathParams = { ...JSON.parse(pathParamsString), ...options2.pathParams };
+          const finalPathParams = { ...pathParamsRef.current, ...options2.pathParams };
           const cacheKey = _chunkJAMEOM7Tcjs.generateCacheKey.call(void 0, moduleConfig.baseEndpoint, actionName, input, { pathParams: finalPathParams });
           _chunkJAMEOM7Tcjs.globalStateManager.setState(cacheKey, () => createInitialState());
         }
       };
       stableActionsRef.current[actionName] = { execute, reset };
     }
-  }, [axiosInstance, moduleConfig, pathParamsString]);
+  }, [axiosInstance, moduleConfig]);
   const actions = _react.useMemo.call(void 0, () => stableActionsRef.current, []);
+  const initialFetchRef = _react.useRef.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (typeof window === "undefined" || initialFetchRef.current || !enabled) return;
     const actionsToRun = initialActionsToExecute ? initialActionsToExecute.map(String) : Object.keys(moduleConfig.actions).filter(
@@ -503,23 +491,17 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
     );
     actionsToRun.forEach((actionName) => {
       const key = actionName;
-      const hydratedData = hydratedState ? JSON.parse(hydratedState) : {};
-      if (_optionalChain([hydratedData, 'access', _28 => _28[actionName], 'optionalAccess', _29 => _29.data])) {
-        return;
-      }
-      const actionConfig = moduleConfig.actions[key];
-      const executeAction = _optionalChain([actions, 'access', _30 => _30[key], 'optionalAccess', _31 => _31.execute]);
+      const executeAction = _optionalChain([actions, 'access', _36 => _36[key], 'optionalAccess', _37 => _37.execute]);
       if (typeof executeAction === "function") {
-        const input = actionConfig.hasQuery ? queryOptions[actionName] : void 0;
-        executeAction(input);
+        executeAction();
       }
     });
     initialFetchRef.current = true;
-  }, [actions, initialActionsToExecute, moduleConfig.actions, hydratedState, queryOptions, enabled]);
+  }, [actions, initialActionsToExecute, moduleConfig.actions, enabled]);
   const queries = _react.useMemo.call(void 0, () => {
     return Object.keys(moduleConfig.actions).reduce((acc, actionName) => {
       const actionConfig = moduleConfig.actions[actionName];
-      if (_optionalChain([actionConfig, 'optionalAccess', _32 => _32.hasQuery])) {
+      if (_optionalChain([actionConfig, 'optionalAccess', _38 => _38.hasQuery])) {
         const setActionQueryOptions = (updater) => {
           const key = actionName;
           setQueryOptions((prev) => ({ ...prev, [key]: typeof updater === "function" ? updater(prev[key] || {}) : updater }));
@@ -538,15 +520,15 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
           setFilters: (filter) => setActionQueryOptions((p) => ({ ...p, filter, page: 1 })),
           setSorting: (sortBy) => setActionQueryOptions((p) => ({ ...p, sortBy })),
           setQueryParam: (key, value) => setActionQueryOptions((p) => ({ ...p, [key]: value, page: key !== "page" ? value : p.page })),
-          reset: () => setActionQueryOptions(actionConfig._input || {})
+          reset: () => setActionQueryOptions(_optionalChain([defaultQueryOptions, 'optionalAccess', _39 => _39[actionName]]) || {})
         };
       }
       return acc;
     }, {});
-  }, [actions, queryOptions, moduleConfig.actions]);
+  }, [actions, queryOptions, moduleConfig.actions, defaultQueryOptions]);
   const states = {};
   function isActionWithQuery(key, actions2) {
-    return _optionalChain([actions2, 'access', _33 => _33[key], 'optionalAccess', _34 => _34.hasQuery]) === true;
+    return _optionalChain([actions2, 'access', _40 => _40[key], 'optionalAccess', _41 => _41.hasQuery]) === true;
   }
   for (const actionName in moduleConfig.actions) {
     if (Object.prototype.hasOwnProperty.call(moduleConfig.actions, actionName)) {
@@ -555,10 +537,10 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
       if (actionConfig.cacheResponse !== false) {
         let currentQueryOptions;
         if (isActionWithQuery(key, moduleConfig.actions)) {
-          currentQueryOptions = _optionalChain([queries, 'access', _35 => _35[key], 'optionalAccess', _36 => _36.options]);
+          currentQueryOptions = _optionalChain([queries, 'access', _42 => _42[key], 'optionalAccess', _43 => _43.options]);
         }
         const input = currentQueryOptions;
-        const pathParams = JSON.parse(pathParamsString);
+        const pathParams = globalPathParams || {};
         const cacheKey = _chunkJAMEOM7Tcjs.generateCacheKey.call(void 0, moduleConfig.baseEndpoint, actionName, input, { pathParams });
         states[actionName] = useApiActionState(actionConfig, cacheKey, actions[key].execute, input, enabled);
       } else {
@@ -596,6 +578,8 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
     queries,
     dehydrate,
     ...extraContextData || {}
+    // [REFACTOR] `states` and `queries` are now dependencies because they are recalculated on re-renders.
+    // `actions` is stable and doesn't need to be a dependency.
   }), [actions, states, queries, dehydrate, extraContextData]);
   return finalApiReturn;
 }

package/dist/client.js

@@ -330,32 +330,29 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
     defaultQueryOptions,
     initialActionsToExecute
   } = options;
-  const pathParamsString = useMemo3(() => JSON.stringify(globalPathParams || {}), [globalPathParams]);
   const [queryOptions, setQueryOptions] = useState3(() => {
     const initialOptions = {};
     for (const actionName in moduleConfig.actions) {
       const actionConfig = moduleConfig.actions[actionName];
-      if (actionConfig._input) {
-        initialOptions[actionName] = { ...actionConfig._input };
-      }
-    }
-    if (defaultQueryOptions) {
-      for (const actionName in defaultQueryOptions) {
-        initialOptions[actionName] = {
-          ...initialOptions[actionName],
-          ...defaultQueryOptions[actionName]
-        };
+      if (actionConfig.hasQuery) {
+        initialOptions[actionName] = { ...defaultQueryOptions?.[actionName] || {} };
       }
     }
     return initialOptions;
   });
-  const lastCallRef = useRef4({});
-  const initialFetchRef = useRef4(false);
-  const stableActionsRef = useRef4({});
-  const savedCallbacks = useRef4({ onSuccess, onError });
+  const queryOptionsRef = useRef4(queryOptions);
+  const pathParamsRef = useRef4(globalPathParams);
+  const savedCallbacksRef = useRef4({ onSuccess, onError });
   useEffect4(() => {
-    savedCallbacks.current = { onSuccess, onError };
+    queryOptionsRef.current = queryOptions;
+  }, [queryOptions]);
+  useEffect4(() => {
+    pathParamsRef.current = globalPathParams;
+  }, [globalPathParams]);
+  useEffect4(() => {
+    savedCallbacksRef.current = { onSuccess, onError };
   }, [onSuccess, onError]);
+  const stableActionsRef = useRef4({});
   useEffect4(() => {
     if (hydratedState) {
       globalStateManager.rehydrate(hydratedState);
@@ -386,7 +383,7 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
         return newState;
       });
     }
-  }, [urlSync]);
+  }, [urlSync?.searchParams, urlSync?.actionsToSync, urlSync?.defaultSyncAction]);
   useEffect4(() => {
     if (!urlSync) return;
     const { searchParams, updateUrl, actionsToSync, defaultSyncAction } = urlSync;
@@ -411,19 +408,17 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
     if (hasChanged) {
       updateUrl(currentParams.toString());
     }
-  }, [queryOptions, urlSync]);
+  }, [queryOptions, urlSync?.updateUrl, urlSync?.searchParams, urlSync?.actionsToSync, urlSync?.defaultSyncAction]);
   useMemo3(() => {
     for (const actionName in moduleConfig.actions) {
       const actionConfig = moduleConfig.actions[actionName];
       const shouldCache = actionConfig.cacheResponse !== false;
       const execute = async (input, options2 = {}) => {
-        lastCallRef.current[actionName] = { input, options: options2 };
-        const finalPathParams = { ...JSON.parse(pathParamsString), ...options2.pathParams };
+        const finalPathParams = { ...pathParamsRef.current, ...options2.pathParams };
+        const currentQueryOptions = queryOptionsRef.current[actionName];
         let bodyForCall = input;
-        let requestConfig = options2.config || {};
-        if (actionConfig.method === "GET") {
-          const currentQueryOptions = queryOptions[actionName];
-          bodyForCall = { ...actionConfig._input, ...currentQueryOptions, ...options2.config?.params, ...input };
+        if (actionConfig.method === "GET" && actionConfig.hasQuery) {
+          bodyForCall = { ...currentQueryOptions, ...options2.config?.params, ...input };
         } else if (actionConfig.upload && input) {
           bodyForCall = new FormData();
           for (const key in input) {
@@ -431,18 +426,14 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
           }
         }
         const cacheKey = shouldCache ? generateCacheKey(moduleConfig.baseEndpoint, actionName, bodyForCall, { pathParams: finalPathParams }) : "";
-        let mutationContext;
+        if (shouldCache) {
+          globalStateManager.setState(cacheKey, (prev) => ({ ...prev, loading: true, called: true, error: null, isStale: false }));
+        }
         try {
-          if (options2.onMutate && shouldCache) {
-            mutationContext = await options2.onMutate(input);
-          }
-          if (shouldCache) {
-            globalStateManager.setState(cacheKey, (prev) => ({ ...prev, loading: true, called: true, error: null, isStale: false }));
-          }
           const result = await callDynamicApi(axiosInstance, moduleConfig.baseEndpoint, actionConfig, {
             pathParams: finalPathParams,
             body: bodyForCall,
-            config: requestConfig
+            config: options2.config
           });
           if (shouldCache) {
             globalStateManager.setState(cacheKey, (prev) => ({
@@ -460,15 +451,15 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
             }));
           }
           if (result.success) {
-            savedCallbacks.current.onSuccess?.(actionName, result.message || "Action successful", result.data);
-            options2.onSuccess?.(result.data, mutationContext);
+            savedCallbacksRef.current.onSuccess?.(actionName, result.message || "Action successful", result.data);
+            options2.onSuccess?.(result.data, void 0);
             actionConfig.invalidates?.forEach((keyToInvalidate) => {
               const prefix = `${moduleConfig.baseEndpoint}/${keyToInvalidate}::`;
               globalStateManager.invalidateByPrefix(prefix);
             });
           } else {
-            savedCallbacks.current.onError?.(actionName, result.message || "Action failed", result.error ?? void 0);
-            options2.onError?.(result.error, mutationContext);
+            savedCallbacksRef.current.onError?.(actionName, result.message || "Action failed", result.error ?? void 0);
+            options2.onError?.(result.error, void 0);
           }
           return result;
         } catch (error) {
@@ -476,26 +467,23 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
           if (shouldCache) {
             globalStateManager.setState(cacheKey, (prev) => ({ ...prev, error: apiError, loading: false, success: false }));
           }
-          savedCallbacks.current.onError?.(actionName, apiError.message, apiError);
-          options2.onError?.(apiError, mutationContext);
+          savedCallbacksRef.current.onError?.(actionName, apiError.message, apiError);
+          options2.onError?.(apiError, void 0);
           throw error;
-        } finally {
-          if (options2.onSettled) {
-            options2.onSettled();
-          }
         }
       };
       const reset = (input, options2 = {}) => {
         if (shouldCache) {
-          const finalPathParams = { ...JSON.parse(pathParamsString), ...options2.pathParams };
+          const finalPathParams = { ...pathParamsRef.current, ...options2.pathParams };
           const cacheKey = generateCacheKey(moduleConfig.baseEndpoint, actionName, input, { pathParams: finalPathParams });
           globalStateManager.setState(cacheKey, () => createInitialState());
         }
       };
       stableActionsRef.current[actionName] = { execute, reset };
     }
-  }, [axiosInstance, moduleConfig, pathParamsString]);
+  }, [axiosInstance, moduleConfig]);
   const actions = useMemo3(() => stableActionsRef.current, []);
+  const initialFetchRef = useRef4(false);
   useEffect4(() => {
     if (typeof window === "undefined" || initialFetchRef.current || !enabled) return;
     const actionsToRun = initialActionsToExecute ? initialActionsToExecute.map(String) : Object.keys(moduleConfig.actions).filter(
@@ -503,19 +491,13 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
     );
     actionsToRun.forEach((actionName) => {
       const key = actionName;
-      const hydratedData = hydratedState ? JSON.parse(hydratedState) : {};
-      if (hydratedData[actionName]?.data) {
-        return;
-      }
-      const actionConfig = moduleConfig.actions[key];
       const executeAction = actions[key]?.execute;
       if (typeof executeAction === "function") {
-        const input = actionConfig.hasQuery ? queryOptions[actionName] : void 0;
-        executeAction(input);
+        executeAction();
       }
     });
     initialFetchRef.current = true;
-  }, [actions, initialActionsToExecute, moduleConfig.actions, hydratedState, queryOptions, enabled]);
+  }, [actions, initialActionsToExecute, moduleConfig.actions, enabled]);
   const queries = useMemo3(() => {
     return Object.keys(moduleConfig.actions).reduce((acc, actionName) => {
       const actionConfig = moduleConfig.actions[actionName];
@@ -538,12 +520,12 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
           setFilters: (filter) => setActionQueryOptions((p) => ({ ...p, filter, page: 1 })),
           setSorting: (sortBy) => setActionQueryOptions((p) => ({ ...p, sortBy })),
           setQueryParam: (key, value) => setActionQueryOptions((p) => ({ ...p, [key]: value, page: key !== "page" ? value : p.page })),
-          reset: () => setActionQueryOptions(actionConfig._input || {})
+          reset: () => setActionQueryOptions(defaultQueryOptions?.[actionName] || {})
         };
       }
       return acc;
     }, {});
-  }, [actions, queryOptions, moduleConfig.actions]);
+  }, [actions, queryOptions, moduleConfig.actions, defaultQueryOptions]);
   const states = {};
   function isActionWithQuery(key, actions2) {
     return actions2[key]?.hasQuery === true;
@@ -558,7 +540,7 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
           currentQueryOptions = queries[key]?.options;
         }
         const input = currentQueryOptions;
-        const pathParams = JSON.parse(pathParamsString);
+        const pathParams = globalPathParams || {};
         const cacheKey = generateCacheKey(moduleConfig.baseEndpoint, actionName, input, { pathParams });
         states[actionName] = useApiActionState(actionConfig, cacheKey, actions[key].execute, input, enabled);
       } else {
@@ -596,6 +578,8 @@ function useApiModule(axiosInstance, moduleConfig, options = {}) {
     queries,
     dehydrate,
     ...extraContextData || {}
+    // [REFACTOR] `states` and `queries` are now dependencies because they are recalculated on re-renders.
+    // `actions` is stable and doesn't need to be a dependency.
   }), [actions, states, queries, dehydrate, extraContextData]);
   return finalApiReturn;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "api-core-lib",
-  "version": "16.12.133",
+  "version": "16.12.134",
   "description": "A flexible and powerful API client library for modern web applications.",
   "type": "module",
   "exports": {