Hi, I am trying to make it so when ever I delete a product, next.js auto refreshes can calls the products again.

I know I can use react query for this, but im trying with unstable cache.

So this is my wrapper cache function:

export const getCachedProducts = (
  userId: string,
  { limit }: { limit?: number }
) => {
  const cacheFn = dbCache(productService.getProducts, {
    tags: ['user-id-product'],
  })
  
  return cacheFn(userId, { limit })
}

my getProducts:

  getProducts: async (id: string, {limit}:{limit?: number}) => {
    const result = await db.query.ProductTable.findMany({
      where: ({ userId }, { eq }) => eq(userId, id),
      orderBy: ({ createdAt }, { desc }) => desc(createdAt),
      limit,
    })

    return result
  },

Where I am calling the function in a server component:

const DashboardPage = async () => {
  const user = await getUser()
  const products = await getCachedProducts(id,{limit:6})
...

In my next auth file i added experimental: {
staleTimes: {
dynamic: 0,
},
},
And finally im revalidating the tag in my API route by calling

    revalidateTag('user-id-product')