Progress

client/src/components/jobs-ready-list/jobs-ready-list.component.jsx

@@ -10,7 +10,7 @@ import queryString from "query-string";
 import React, { useMemo, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { connect } from "react-redux";
-import { Link, useNavigate, useLocation } from "react-router-dom";
+import { Link, useNavigate, useSearchParams } from "react-router-dom";
 import { createStructuredSelector } from "reselect";
 import { QUERY_ALL_ACTIVE_JOBS } from "../../graphql/jobs.queries";
 import { selectBodyshop } from "../../redux/user/user.selectors";
@@ -27,7 +27,7 @@ const mapStateToProps = createStructuredSelector({
 });
 
 export function JobsReadyList({ bodyshop }) {
-  const searchParams = queryString.parse(useLocation().search);
+  const searchParams = queryString.parse(useSearchParams().toString());
   const { selected } = searchParams;
   const selectedBreakpoint = Object.entries(Grid.useBreakpoint())
     .filter((screen) => !!screen[1])
@@ -111,7 +111,7 @@ export function JobsReadyList({ bodyshop }) {
   const handleOnRowClick = (record) => {
     if (record) {
       if (record.id) {
-        history.push({
+        history({
           search: queryString.stringify({
             ...searchParams,
             selected: record.id,