modal added

src/component/home/Products.jsx

@@ -3,6 +3,7 @@ import React from 'react'
 import { productData } from '../../services/services'
 import queryKeys from '../../services/queryKeys'
 import productPath from "../../utils/productpath";
+import { Link } from 'react-router-dom';
 export default function Products() {
 
     const {data, isFetching, isError, error} = useQuery({
@@ -37,7 +38,7 @@ export default function Products() {
                 <div className="row m-b-20">
                     {products && products.map((product, index) => (
                         <div key={product.uid+index} className="col-xxs-6 col-xl-4 col-xxl-6 mb-2 mb-xxl-0 ">
-                            <a href={productPath(product?.uid)}  >
+                            <Link to={productPath(product?.uid)}  >
                                 <div className="d-flex align-items-center extraProductCard">
                                     <div className="icon-container img-icon m-r-20 bg-light-gray rounded">
                                         <i className="fa fa-cart-plus text-primary"></i>
@@ -47,7 +48,7 @@ export default function Products() {
                                         <h4>{product?.description}</h4>
                                     </div>
                                 </div>
-                            </a>
+                            </Link>
 
                         </div>
                     ))}