diff --git a/src/pages/Datastage.jsx b/src/pages/Datastage.jsx
index 7914c58..2872c15 100644
--- a/src/pages/Datastage.jsx
+++ b/src/pages/Datastage.jsx
@@ -146,12 +146,11 @@ export default function Datastage() {
         if (success) setShowSuccessModal(true);
     }, [success]);
     // Cargar lista
-    const load = async () => {
+    const load = async (page = currentPage, pageSize = itemsPerPage) => {
         setLoading(true);
         setError(null);
         try {
-            const data = await fetchDatastages();
-            // Defensive: if data is not the expected object, fallback to empty
+            const data = await fetchDatastages(page, pageSize);
             if (data && Array.isArray(data.results)) {
                 setDatastages(data);
             } else if (Array.isArray(data)) {
@@ -165,7 +164,10 @@ export default function Datastage() {
         }
         setLoading(false);
     };
-    useEffect(() => { load(); }, []);
+
+    useEffect(() => {
+        load(currentPage, itemsPerPage);
+    }, [currentPage, itemsPerPage]);
 
     // Ver detalle
     const handleSelect = async (id) => {