Big progress!

client/src/pages/vehicles-detail/vehicles-detail.page.container.jsx

@@ -1,6 +1,7 @@
 import React, { useEffect } from "react";
 import VehicleDetailComponent from "./vehicles-detail.page.component";
 import { useQuery } from "@apollo/client";
+import {useParams} from 'react-router-dom';
 import { QUERY_VEHICLE_BY_ID } from "../../graphql/vehicles.queries";
 import LoadingSpinner from "../../components/loading-spinner/loading-spinner.component";
 import AlertComponent from "../../components/alert/alert.component";
@@ -21,12 +22,11 @@ const mapDispatchToProps = (dispatch) => ({
 });
 
 export function VehicleDetailContainer({
-  match,
   setBreadcrumbs,
   addRecentItem,
   setSelectedHeader,
 }) {
-  const { vehId } = match.params;
+  const { vehId } = useParams;
   const { t } = useTranslation();
 
   const { loading, data, error, refetch } = useQuery(QUERY_VEHICLE_BY_ID, {