Attendance page search functionality and Attendance Log Page Resets to First Page After Performing Action on Other Pages.

src/components/Activities/AttendcesLogs.jsx

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