Progress

client/src/pages/jobs-detail/jobs-detail.page.component.jsx

@@ -24,7 +24,7 @@ import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { FaHardHat, FaRegStickyNote, FaShieldAlt } from "react-icons/fa";
 import { connect } from "react-redux";
-import {useNavigate, useLocation} from "react-router-dom";
+import {useNavigate, useSearchParams} from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import FormFieldsChanged from "../../components/form-fields-changed-alert/form-fields-changed-alert.component";
 import JobAuditTrail from "../../components/job-audit-trail/job-audit-trail.component";
@@ -79,8 +79,7 @@ export function JobsDetailPage({
   const [form] = Form.useForm();
   const history = useNavigate();
   const [loading, setLoading] = useState(false);
-  const search = queryString.parse(useLocation().search);
-
+  const search = queryString.parse(useSearchParams().toString());
   const formItemLayout = {
     layout: "vertical",
   };
@@ -256,7 +255,7 @@ export function JobsDetailPage({
         <FormFieldsChanged form={form} />
         <Tabs
           defaultActiveKey={search.tab}
-          onChange={(key) => history.push({ search: `?tab=${key}` })}
+          onChange={(key) => history({ search: `?tab=${key}` })}
           tabBarStyle={{ fontWeight: "bold", borderBottom: "10px" }}
         >
           <Tabs.TabPane