nextjs - 💡(How to fix) Fix use cache: private not working [2 comments, 2 participants]

// lib/user.ts
import { cookies } from "next/headers";
import { cacheTag, cacheLife } from "next/cache";

export async function getUser() {
    "use cache: private";
    cacheTag(`userdata`);
    cacheLife({ stale: 30 });
    
    const sessionId = (await cookies()).get('session-id')?.value || 'guest'
    
    console.log("Fetching user data"); // This logs on every navigation
    await new Promise((resolve) => setTimeout(resolve, 5000));
    const timestamp = new Date().toISOString();

    return {
        user: {
            name: "Ajay",
            email: "[email protected]"
        },
        timestamp: timestamp,
    }
}

---

// app/about/page.tsx
import { Suspense } from "react";
import { getUser } from "../../lib/user";

export default async function Page() {
  return (
    <div>
      <h1>About Page</h1>
      <Suspense fallback={<p>Loading...</p>}>
        <Content />
      </Suspense>
    </div>
  );
}

async function Content() {
  const data = await getUser();
  return (
    <div>
      <h1>{data.user.name}</h1>
      <p>Fetched at: {data.timestamp}</p>
    </div>
  );
}

---

// next.config.ts
import type { NextConfig } from "next";

const nextConfig: NextConfig = {
  cacheComponents: true,
};

export default nextConfig;

---

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 25.0.0: Wed Sep 17 21:42:08 PDT 2025; root:xnu-12377.1.9~141/RELEASE_ARM64_T8132
  Available memory (MB): 24576
  Available CPU cores: 10
Binaries:
  Node: 22.20.0
  npm: 10.9.3
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  next: 16.0.2-canary.3 // Latest available version is detected (16.0.2-canary.3).
  eslint-config-next: N/A
  react: 19.2.0
  react-dom: 19.2.0
  typescript: 5.9.3
Next.js Config:
  output: N/A