slug website

src/app/products/[id]/page.tsx

@@ -1,6 +1,6 @@
 import { Suspense } from 'react'
 import { dehydrate, HydrationBoundary, QueryClient } from '@tanstack/react-query'
-import { detailServiceQueryOptions } from '../hooks/useProductData'
+import { getProductBySlugQueryOptions } from '../hooks/useProductData'
 import { Metadata, NextPage } from 'next'
 import DetailService from '../DetailService'
 import Loading from './loading'
@@ -19,8 +19,9 @@ export async function generateMetadata(
     const { id } = await params
     const queryClient = new QueryClient()
 
-    await queryClient.prefetchQuery(detailServiceQueryOptions(id))
-    const service = queryClient.getQueryData(detailServiceQueryOptions(id).queryKey) as ServiceDetailResponse
+    await queryClient.prefetchQuery(getProductBySlugQueryOptions(id))
+    const service = queryClient.getQueryData(getProductBySlugQueryOptions(id).queryKey) as ServiceDetailResponse
+    console.log('service', service);
 
     return {
         title: 'محصولات داناک' + ' | ' + service.data.danakService.name,
@@ -43,7 +44,7 @@ async function SingleServicePage({ id }: { id: string }) {
     const queryClient = new QueryClient()
 
     await Promise.all([
-        queryClient.prefetchQuery(detailServiceQueryOptions(id)),
+        queryClient.prefetchQuery(getProductBySlugQueryOptions(id)),
     ])
 
     return (