vercel/next.js / errors / revalidate-in-use-cache.mdx

---

title: Cannot revalidate during render, inside a cached function, or in generateStaticParams

Why This Error Occurred

The revalidateTag() and revalidatePath() functions invalidate cached data. To keep cache state consistent, call them from a Server Action or Route Handler. Next.js throws this error when you call either function during rendering, from a cached function, or from generateStaticParams.

import { revalidateTag } from 'next/cache'

export default async function Page() {
  const products = await db.products.findMany()
  revalidateTag('products', 'max') // Cannot revalidate during render

  return <p>{products.length} products</p>
}

Possible Ways to Fix It

Call revalidateTag() or revalidatePath() from the Server Action or Route Handler itself. Do not call either function during rendering or from a function that uses the use cache directive or unstable_cache().

'use server'
import { revalidateTag } from 'next/cache'

export async function saveProduct(data) {
  await db.products.create(data)
  revalidateTag('products', 'max') // Runs outside any cached function
}

To tag the cache entry that this revalidates, call cacheTag() inside the function that uses the use cache directive to read the data.

Useful Links

• revalidateTag() function
• revalidatePath() function
• Revalidating data
• use cache directive