src/components/Activities/AttendcesLogs.jsx

@@ -177,32 +177,25 @@ const AttendanceLog = ({
     resetPage, // Destructure resetPage here
   } = usePagination(processedData, 20);
 
-  // Reset page when processedData changes (due to filters/search)
-  useEffect(() => {
-    resetPage();
-  }, [processedData, resetPage]); // Add resetPage to dependency array
-
 const handler = useCallback(
   (msg) => {
     const { startDate, endDate } = dateRange;
-      const checkIn = msg.response.checkInTime ? msg.response.checkInTime.substring(0, 10) : null;
+    const checkIn = msg.response.checkInTime.substring(0, 10);
-
     if (
       projectId === msg.projectId &&
-        checkIn &&
       startDate <= checkIn &&
       checkIn <= endDate
     ) {
-        dispatch(
+      const updatedAttendance = data.map((item) =>
-          fetchAttendanceData({
+        item.id === msg.response.id
-            projectId,
+          ? { ...item, ...msg.response }
-            fromDate: startDate,
+          : item
-            toDate: endDate,
-          })
       );
+
+      filtering(updatedAttendance);
     }
   },
-    [projectId, dateRange, dispatch]
+  [projectId, dateRange, data, filtering] // ✅ removed resetPage from deps
 );
 
   useEffect(() => {