diff --git a/src/api/getReservationsList.ts b/src/api/getReservationsList.ts
new file mode 100644
index 0000000000000000000000000000000000000000..a5739f88a491d588c6368a24e38219b345f5c345
--- /dev/null
+++ b/src/api/getReservationsList.ts
@@ -0,0 +1,5 @@
+import axios from 'axios';
+import { InsertReservationType } from 'types/InsertReservationType';
+
+export const getReservationsList = async (): Promise<InsertReservationType[]> =>
+  axios(`/api/web/reservations/`).then((res) => res.data);
diff --git a/src/hooks/useReservations.ts b/src/hooks/useReservations.ts
index b671101318ae92d15fa2a581f1437abbad35aeb3..32fa622c11c98f636a74c1ddbc6728f2e1d80c0e 100644
--- a/src/hooks/useReservations.ts
+++ b/src/hooks/useReservations.ts
@@ -1,16 +1,20 @@
-import { getReservations } from 'api/getReservations';
-import { getRole } from 'api/getRole';
-import { useEffect, useState } from 'react';
+import { getReservationsList } from 'api/getReservationsList';
+import { useMemo, useState } from 'react';
+import { InsertReservationType } from 'types/InsertReservationType';
 
-export const useReservations = (): any => {
-  useEffect(() => {
+export const useReservations = (): InsertReservationType[] => {
+  const [reservationList, setReservationList] = useState<
+    InsertReservationType[]
+  >([]);
+  useMemo(() => {
     let isMounted = true;
 
-    getReservations().then((data) => console.log(data));
-
+    getReservationsList().then((list) => {
+      if (isMounted) setReservationList(list);
+    });
     return () => {
       isMounted = false;
     };
   }, []);
-  return null;
+  return reservationList;
 };