@axzydev/axzy_ui_system 1.2.15 → 1.2.16

package/dist/index.cjs

@@ -2756,14 +2756,19 @@ function ITDataTable({
   } = useTableState({ defaultItemsPerPage });
   const debounceTimerRef = (0, import_react11.useRef)(null);
   const hasFetchedRef = (0, import_react11.useRef)(false);
+  const fetchDataRef = (0, import_react11.useRef)(fetchData);
+  fetchDataRef.current = fetchData;
+  const externalFiltersRef = (0, import_react11.useRef)(externalFilters);
+  externalFiltersRef.current = externalFilters;
+  const externalKey = JSON.stringify(externalFilters);
   const computedTotalPages = Math.ceil(totalItems / itemsPerPage) || 1;
   const performFetch = (0, import_react11.useCallback)(async () => {
     setIsLoading(true);
     try {
-      const response = await fetchData({
+      const response = await fetchDataRef.current({
         page: currentPage,
         limit: itemsPerPage,
-        filters: { ...filters, ...externalFilters },
+        filters: { ...filters, ...externalFiltersRef.current },
         sort: sortConfig || void 0
       });
       setData(response.data || []);
@@ -2777,17 +2782,19 @@ function ITDataTable({
     } finally {
       setIsLoading(false);
     }
-  }, [currentPage, itemsPerPage, filters, sortConfig, fetchData, externalFilters]);
+  }, [currentPage, itemsPerPage, filters, sortConfig]);
+  const performFetchRef = (0, import_react11.useRef)(performFetch);
+  performFetchRef.current = performFetch;
   (0, import_react11.useEffect)(() => {
     if (!fetchOnMount && !hasFetchedRef.current) return;
     if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current);
     debounceTimerRef.current = setTimeout(() => {
-      performFetch();
+      performFetchRef.current();
     }, debounceMs);
     return () => {
       if (debounceTimerRef.current) clearTimeout(debounceTimerRef.current);
     };
-  }, [currentPage, itemsPerPage, sortConfig, filters, externalFilters, reloadTrigger, fetchOnMount, performFetch, debounceMs]);
+  }, [currentPage, itemsPerPage, sortConfig, filters, externalKey, reloadTrigger, fetchOnMount, debounceMs]);
   const renderFilterInput = (col) => {
     if (!col.filter) return null;
     if (col.type === "boolean") {