use cache: private

import type { NextConfig } from 'next'   const nextConfig: NextConfig = {  cacheComponents: true, }   export default nextConfig

import { Suspense } from 'react' import { cookies } from 'next/headers' import { cacheLife, cacheTag } from 'next/cache'   export default async function ProductPage({  params, }: {  params: Promise<{ id: string }> }) {  const { id } = await params    return (  <div>  <ProductDetails id={id} />  <Suspense fallback={<div>Loading recommendations...</div>}>  <Recommendations productId={id} />  </Suspense>  </div>  ) }   async function Recommendations({ productId }: { productId: string }) {  const recommendations = await getRecommendations(productId)    return (  <div>  {recommendations.map((rec) => (  <ProductCard key={rec.id} product={rec} />  ))}  </div>  ) }   async function getRecommendations(productId: string) {  'use cache: private'  cacheTag(`recommendations-${productId}`)  cacheLife({ stale: 60 }) // Minimum 30 seconds required for runtime prefetch    // Access cookies within private cache functions  const sessionId = (await cookies()).get('session-id')?.value || 'guest'    return getPersonalizedRecommendations(productId, sessionId) }