Attendance Log Page Resets to First Page After Performing Action on Other Pages.

src/components/Activities/AttendcesLogs.jsx

@@ -147,33 +147,25 @@ const AttendanceLog = ({
     resetPage,
   } = usePagination(processedData, 20);
 
-  useEffect(() => {
-    resetPage();
-  }, [processedData, resetPage]);
-
 const handler = useCallback(
   (msg) => {
     const { startDate, endDate } = dateRange;
     const checkIn = msg.response.checkInTime.substring(0, 10);
     if (
-        selectedProject === msg.projectId &&
+      projectId === msg.projectId &&
       startDate <= checkIn &&
       checkIn <= endDate
     ) {
-        queryClient.setQueriesData(["attendanceLogs"],(oldData)=>{
+      const updatedAttendance = data.map((item) =>
-          if(!oldData) {
+        item.id === msg.response.id
-            queryClient.invalidateQueries({queryKey:["attendanceLogs"]})
+          ? { ...item, ...msg.response }
-          }
+          : item
-          return oldData.map((record) =>
-          record.id === msg.response.id ? { ...record, ...msg.response } : record
       );
-        })
 
       filtering(updatedAttendance);
-        resetPage();
     }
   },
-    [selectedProject, dateRange, data, filtering, resetPage]
+  [projectId, dateRange, data, filtering] // ✅ removed resetPage from deps
 );
 
   useEffect(() => {