Progress

client/src/components/schedule-calendar/schedule-calendar.container.jsx

@@ -1,7 +1,7 @@
 import { useQuery } from "@apollo/client";
 import queryString from "query-string";
 import React, { useMemo, useEffect } from "react";
-import { useLocation } from "react-router-dom";
+import { useSearchParams } from "react-router-dom";
 import { QUERY_ALL_ACTIVE_APPOINTMENTS } from "../../graphql/appointments.queries";
 import AlertComponent from "../alert/alert.component";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
@@ -19,7 +19,7 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 export function ScheduleCalendarContainer({ calculateScheduleLoad }) {
-  const search = queryString.parse(useLocation().search);
+  const search = queryString.parse(useSearchParams().toString());
 
   const { date, view } = search;
   const range = useMemo(() => getRange(date, view), [date, view]);