Progress

client/src/components/jobs-available-table/jobs-available-table.container.jsx

@@ -14,7 +14,7 @@ import queryString from "query-string";
 import React, { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
-import { useNavigate, useLocation } from "react-router-dom";
+import { useNavigate, useSearchParams } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import { logImEXEvent } from "../../firebase/firebase.utils";
 import {
@@ -64,7 +64,7 @@ export function JobsAvailableContainer({
     fetchPolicy: "network-only",
     nextFetchPolicy: "network-only",
   });
-  const { clm_no, availableJobId } = queryString.parse(useLocation().search);
+  const { clm_no, availableJobId } = queryString.parse(useSearchParams().toString());
   const history = useNavigate();
   const { t } = useTranslation();
 
@@ -174,7 +174,7 @@ export function JobsAvailableContainer({
       notification["success"]({
         message: t("jobs.successes.created"),
         onClick: () => {
-          history.push(`/manage/jobs/${r.data.insert_jobs.returning[0].id}`);
+          history(`/manage/jobs/${r.data.insert_jobs.returning[0].id}`);
         },
       });
       //Job has been inserted. Clean up the available jobs record.
@@ -292,7 +292,7 @@ export function JobsAvailableContainer({
       notification["success"]({
         message: t("jobs.successes.supplemented"),
         onClick: () => {
-          history.push(
+          history(
             `/manage/jobs/${updateResult.data.update_jobs.returning[0].id}`
           );
         },