active task list table reloads on accept or reject of offer job

src/views/MyTaskPage.jsx

@@ -1,11 +1,14 @@
 import React, { useContext,useState, useEffect } from "react";
 import MyTasks from "../components/MyTasks";
-import UsersService from "../services/UsersService";
+// import UsersService from "../services/UsersService";
 import usersService from "../services/UsersService";
 
-export default function MyTaskPage() {
+import { useSelector } from "react-redux";
 
-    const [MyActiveJobList, setMyActiveJobList] = useState([]);
+export default function MyTaskPage() {
+    const {jobListTable} = useSelector((state) => state.tableReload)
+
+    const [MyActiveJobList, setMyActiveJobList] = useState({loading: true, status:false, data:[]});
     const [MyActiveOffersList, setMyActiveOffersList] = useState([]);
     const api = new usersService();
     const commonHeadData =()=>{
@@ -13,10 +16,12 @@ export default function MyTaskPage() {
     return 0;
     }
     const getMyActiveJobList = async () => {
+        setMyActiveJobList({loading: true, status:false, data:[]});
         try {
             const res = await api.getMyActiveTaskList();
-            setMyActiveJobList(res.data);
+            setMyActiveJobList({loading: false, status:true, data:res.data.result_list});
         } catch (error) {
+            setMyActiveJobList({loading: false, status:false, data:[]});
             console.log("Error getting tasks");
         }
     };
@@ -31,7 +36,7 @@ export default function MyTaskPage() {
     useEffect(() => {
         getMyActiveJobList();
         getMyActiveOffersList();
-    }, []);
+    }, [jobListTable]);
 
     //debugger;
     return (