Progress

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

@@ -10,7 +10,7 @@ import queryString from "query-string";
 import React, { 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";
@@ -26,7 +26,7 @@ const mapStateToProps = createStructuredSelector({
 });
 
 export function JobsList({ 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])
@@ -97,7 +97,7 @@ export function JobsList({ bodyshop }) {
     const handleOnRowClick = (record) => {
         if (record) {
             if (record.id) {
-                history.push({
+                history({
                     search: queryString.stringify({
                         ...searchParams,
                         selected: record.id,