Переписываю спорные решения

src/components/ProfileCalendar/ProfileCalendar.js

@@ -2,7 +2,6 @@ import React, { useEffect, useState } from 'react'
 import {useDispatch, useSelector} from 'react-redux'
 import { getProfileInfo } from '../../redux/outstaffingSlice'
 import { setReportDate } from '../../redux/reportSlice';
-import {fetchGet} from "../../server/server";
 import arrow from "../../images/right-arrow.png";
 import { Link } from 'react-router-dom'
 import moment from "moment";
@@ -12,40 +11,42 @@ import {ProfileCalendarComponent} from "./ProfileCalendarComponent";
 import { Footer } from '../Footer/Footer'
 
 import './profileCalendar.scss'
+import {useRequest} from "../../hooks/useRequest";
 export const ProfileCalendar = () => {
     const dispatch = useDispatch();
-    const profileInfo = useSelector(getProfileInfo)
-    const [month, setMonth] = useState('')
-    const [reports, setReports] = useState([])
-    const [totalHours, setTotalHours] = useState(0)
-    const [value, setValue] = useState(moment())
-    const [requestDates, setRequestDates] = useState('')
+    const profileInfo = useSelector(getProfileInfo);
+    const [month, setMonth] = useState('');
+    const [reports, setReports] = useState([]);
+    const [totalHours, setTotalHours] = useState(0);
+    const [value, setValue] = useState(moment());
+    const [requestDates, setRequestDates] = useState('');
+
+    const {apiRequest} = useRequest();
 
     useEffect(() => {
         setRequestDates(getReports(value))
-    })
+    });
 
     useEffect(async () => {
         if (!requestDates) {
             return
         }
-        const response = await fetchGet({
-            link: `${process.env.REACT_APP_API_URL}/api/reports/reports-by-date?${requestDates}&user_id=${localStorage.getItem('id')}`,
-        }).then((reports) => {
-            let spendTime = 0
-            reports.map((report)=> {
-                if (report.spendTime) {
-                    spendTime += Number(report.spendTime)
-                }
+        apiRequest(`/reports/reports-by-date?${requestDates}&user_id=${localStorage.getItem('id')}`)
+            .then((reports) => {
+                let spendTime = 0;
+                reports.map((report) => {
+                    if (report.spendTime) {
+                        spendTime += Number(report.spendTime)
+                    }
+                });
+                setTotalHours(spendTime);
+                setReports(reports)
             })
-            setTotalHours(spendTime)
-            setReports(reports)
-        })
-    },[requestDates])
+    }, [requestDates]);
 
     useEffect(() => {
         setMonth(currentMonth)
-    }, [month])
+    }, [month]);
 
     return (
         <section className='calendar'>