Rename InsertReservationType into ReservationType.

src/api/getReservationsList.ts

 import axios from 'axios';
-import { InsertReservationType } from 'types/InsertReservationType';
+import { ReservationType } from 'types/ReservationType';
 
-export const getReservationsList = async (): Promise<InsertReservationType[]> =>
-  axios(`/api/web/reservations/`).then((res) => res.data);
+export const getReservationsList = async (): Promise<ReservationType[]> =>
+  axios(`/api/web/reservations/?field=trip_stages`).then((res) => res.data);

src/api/setReservation.ts

 import axios from 'axios';
-import { InsertReservationType } from 'types/InsertReservationType';
+import { ReservationType } from 'types/ReservationType';
 
 export const setReservation = async (
-  reservation: InsertReservationType,
+  reservation: ReservationType,
 ): Promise<void> => axios.post('/api/web/reservations/', reservation);

src/components/Dashboard/ReservationPage/Reservation/Reservation.tsx

@@ -10,7 +10,7 @@ import {
   TableHead,
   TableRow,
 } from '@material-ui/core';
-import { InsertReservationType } from 'types/InsertReservationType';
+import { ReservationType } from 'types/ReservationType';
 
 const useStyles = makeStyles(() => ({
   noShadow: {
@@ -21,7 +21,7 @@ const useStyles = makeStyles(() => ({
 }));
 
 type PropsType = {
-  reservation: InsertReservationType;
+  reservation: ReservationType;
 };
 
 export const Reservation: FC<PropsType> = ({ reservation }: PropsType) => {

src/components/Dashboard/ReservationPage/Reservation/TripStage.tsx

@@ -10,7 +10,7 @@ import {
 } from '@material-ui/core';
 import { Control, Controller } from 'react-hook-form';
 import { InputField } from 'components/Auth/InputField/InputField';
-import { InsertReservationType } from 'types/InsertReservationType';
+import { ReservationType } from 'types/ReservationType';
 import DateFnsUtils from '@date-io/date-fns';
 import {
   MuiPickersUtilsProvider,
@@ -18,7 +18,7 @@ import {
 } from '@material-ui/pickers';
 
 type TripStageProps = {
-  control: Control<InsertReservationType>;
+  control: Control<ReservationType>;
 };
 
 export const TripStage: FC<TripStageProps> = ({ control }: TripStageProps) => {

src/components/Dashboard/ReservationPage/ReservationDialog.tsx

@@ -9,7 +9,7 @@ import {
   Button,
   Typography,
 } from '@material-ui/core';
-import { InsertReservationType } from 'types/InsertReservationType';
+import { ReservationType } from 'types/ReservationType';
 import { SeniorSearchQueryType } from 'types/SeniorSearchQueryType';
 import { getRoleObject } from 'api/getRoleObject';
 import { setReservation } from 'api/setReservation';
@@ -25,14 +25,14 @@ export const ReservationDialog: FC<ReservationDialogProps> = ({
   handleClose,
   isOpen,
 }: ReservationDialogProps) => {
-  const { control, handleSubmit } = useForm<InsertReservationType>({
+  const { control, handleSubmit } = useForm<ReservationType>({
     mode: 'onSubmit',
   });
 
   const [senior, setSenior] = useState<SeniorSearchQueryType | null>(null);
 
-  const onSubmit: SubmitHandler<InsertReservationType> = (
-    reservation: InsertReservationType,
+  const onSubmit: SubmitHandler<ReservationType> = (
+    reservation: ReservationType,
   ) => {
     const filledReservation = reservation;
     getRoleObject().then((role) => {

src/hooks/useReservations.ts

 import { getReservationsList } from 'api/getReservationsList';
 import { useMemo, useState } from 'react';
-import { InsertReservationType } from 'types/InsertReservationType';
+import { ReservationType } from 'types/ReservationType';
 
-export const useReservations = (): InsertReservationType[] => {
-  const [reservationList, setReservationList] = useState<
-    InsertReservationType[]
-  >([]);
+export const useReservations = (): ReservationType[] => {
+  const [reservationList, setReservationList] = useState<ReservationType[]>([]);
   useMemo(() => {
     let isMounted = true;
 

src/types/InsertReservationType.ts → src/types/ReservationType.ts

 import { TripStageType } from './TripStageType';
 
-export type InsertReservationType = {
+export type ReservationType = {
   senior: number | undefined;
   insertedBy: number;
   tripStages: TripStageType[];