@axzydev/axzy_ui_system 1.2.14 → 1.2.16

package/dist/index.cjs

@@ -2755,36 +2755,46 @@ function ITDataTable({
     handleItemsPerPageChange
   } = 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 || []);
       setTotalItems(response.total || 0);
+      hasFetchedRef.current = true;
     } catch (error) {
       console.error("ITDataTable: Error fetching data", error);
       setData([]);
       setTotalItems(0);
+      hasFetchedRef.current = true;
     } 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 && data.length === 0 && !isLoading) return;
+    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, data.length, isLoading, debounceMs]);
+  }, [currentPage, itemsPerPage, sortConfig, filters, externalKey, reloadTrigger, fetchOnMount, debounceMs]);
   const renderFilterInput = (col) => {
     if (!col.filter) return null;
     if (col.type === "boolean") {