"On a page app/chat/[uuid4]/page.tsx, I use chat = await getChatById(params.uuid4) to fetch chat. In the client side, I can interface with chatGPT via an API. However, when I return to a previously created chat, I don't see updated messages unless I reload the page.


I've attempted revalidation with:
revalidatePath("/")
revalidatePath("chat/[uuid4]")

placed in the API route, pre-response, post-saving of last message, and client side post-message load. No luck.


Eventually, I tried the unstable_cache feature like so:

const getCachedChat = (chatId: string) => {
  console.log(`Fetching chat ${chatId}`)
  return unstable_cache(() => getChatById(chatId), [`chat-${chatId}`], {
    tags: [`chat-${chatId}`, 'chats']
  })
}

Calling revalidateTag(chat-${chatId}) and revalidateTag('chats') in both API route & client, but still no revalidation. Oddly, client side only logs the first console log statement. Struggling to understand how revalidation works at all. Any suggestions would be appreciated."