Call to get week reservations.

src/api/getReservationListByWeek.ts

+import axios from 'axios';
+import { ReservationType } from 'types/ReservationType';
+import { formatDate } from './util/formatDate';
+
+/**
+ * @async
+ * Perform GET to get a list of all the reservations inserted by the current user given a week.
+ * @param {Date | null} week range.
+ * @returns a list of reservations.
+ */
+export const getReservationsListByWeek = async (
+  week: Date | null,
+): Promise<ReservationType[]> =>
+  week !== null
+    ? axios(`/api/web/reservations/week/${formatDate(week)}/`).then(
+        (res) => res.data,
+      )
+    : [];

src/hooks/useReservationsListByWeek.ts

+import { getReservationsListByWeek } from 'api/getReservationListByWeek';
+import { getReservationsList } from 'api/getReservationsList';
+import { useMemo, useState } from 'react';
+import { ReservationType } from 'types/ReservationType';
+
+export const useReservationsListByWeek = (
+  week: Date | null,
+): ReservationType[] => {
+  const [reservationList, setReservationList] = useState<ReservationType[]>([]);
+  useMemo(() => {
+    let isMounted = true;
+
+    getReservationsListByWeek(week).then((list) => {
+      if (isMounted) {
+        setReservationList(list);
+      }
+    });
+    return () => {
+      isMounted = false;
+    };
+  }, [week]);
+  return reservationList;
+};