Fixed useEffect infinite render loops

Client/src/Pages/Incidents/IncidentTable/index.jsx

@@ -32,11 +32,11 @@ const IncidentTable = ({ monitors, selectedMonitor, filter }) => {
   });
 
   useEffect(() => {
-    setPaginationController({
-      ...paginationController,
+    setPaginationController((prevPaginationController) => ({
+      ...prevPaginationController,
       page: 0,
-    });
-  }, [filter, selectedMonitor, paginationController]);
+    }));
+  }, [filter, selectedMonitor]);
 
   useEffect(() => {
     const fetchPage = async () => {

Client/src/Pages/Monitors/Details/PaginationTable/index.jsx

@@ -29,11 +29,11 @@ const PaginationTable = ({ monitorId, dateRange }) => {
   });
 
   useEffect(() => {
-    setPaginationController({
-      ...paginationController,
+    setPaginationController((prevPaginationController) => ({
+      ...prevPaginationController,
       page: 0,
-    });
-  }, [dateRange, paginationController]);
+    }));
+  }, [dateRange]);
 
   useEffect(() => {
     const fetchPage = async () => {