Product page

src/component/product/ProductFactory.jsx

@@ -1,8 +1,11 @@
 import React from "react";
+import { useQuery } from '@tanstack/react-query'
 import BreadcrumbComBS from "../breadcrumb/BreadcrumbComBS";
 // import getImage from "../../utils/getImage";
 import ProductStart from "./ProductStart";
 import { useLocation } from 'react-router-dom';
+import {MyProductData, productData} from "../../services/services";
+import queryKeys from "../../services/queryKeys";
 
 export default function ProductFactory(){
     const location = useLocation();
@@ -12,6 +15,13 @@ export default function ProductFactory(){
     const lastPart = pathname.split('/').pop();
     console.log(lastPart)
 
+    const {data, isFetching, isError, error} = useQuery({
+        queryKey: queryKeys.product,
+        queryFn: () => MyProductData(lastPart)
+    })
+
+    const myproduct_data = data?.data?.myproduct_data
+
     return(
         <>
             <BreadcrumbComBS title='Name of the Product Here' paths={['Dashboard', 'Product']} />