@axzydev/axzy_ui_system 1.2.15 → 1.2.16

package/dist/index.js

@@ -2678,14 +2678,19 @@ function ITDataTable({
   } = useTableState({ defaultItemsPerPage });
   const debounceTimerRef = useRef4(null);
   const hasFetchedRef = useRef4(false);
+  const fetchDataRef = useRef4(fetchData);
+  fetchDataRef.current = fetchData;
+  const externalFiltersRef = useRef4(externalFilters);
+  externalFiltersRef.current = externalFilters;
+  const externalKey = JSON.stringify(externalFilters);
   const computedTotalPages = Math.ceil(totalItems / itemsPerPage) || 1;
   const performFetch = useCallback5(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 || []);
@@ -2699,17 +2704,19 @@ function ITDataTable({
     } finally {
       setIsLoading(false);
     }
-  }, [currentPage, itemsPerPage, filters, sortConfig, fetchData, externalFilters]);
+  }, [currentPage, itemsPerPage, filters, sortConfig]);
+  const performFetchRef = useRef4(performFetch);
+  performFetchRef.current = performFetch;
   useEffect5(() => {
     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") {