progress 2 feature/dashboard-create-claim-request

frontend/dashboard/src/pages/CaseManagement/DailyMonitoring/Claim.tsx

@@ -32,12 +32,6 @@ export default function Claim() {
     const [memberDetail, setMemberDetail] = useState<MemberDetailType>();
     const [claimList, setClaimList] = useState<ClaimListType[]>();
 
-    // Use Effect
-    // --------------------
-    useEffect(() => {
-        loadDataTableData();
-    }, [])
-
     // Load Data
     // -------------------
     const loadDataTableData = async () => {
@@ -47,6 +41,10 @@ export default function Claim() {
         setClaimList(response.claim_list);
     }
 
+    useEffect(() => {
+        loadDataTableData();
+    }, [loadDataTableData])
+
     return (
         <Page title={ `claims | ${memberDetail?.name??'_ _ _'}` } sx={{ px: 2 }}>
             <Grid container gap={6}>

frontend/dashboard/src/pages/CaseManagement/DailyMonitoring/Components/DailyMonitoringList.tsx

@@ -25,12 +25,6 @@ export default function DailyMonitoringList() {
         fontWeight: 'bold',
     };
 
-    // Use Effect
-    // --------------------
-    useEffect(() => {
-        loadDataTableData();
-    }, [])
-
     // Load Data
     // -------------------
     const loadDataTableData = async () => {
@@ -42,6 +36,10 @@ export default function DailyMonitoringList() {
         setDataTableData(response);
     }
 
+    useEffect(() => {
+        loadDataTableData();
+    }, [])
+
     return (
         <Box>
             <TableContainer component={Paper}>