Hi all, i'm using revalidatePath() from next/cache to refresh the current page so that new changes could reflect but it is not working as expected. Below is the code I have:-
app router structure:- app/user/[id]/page.tsx
server component

const getUserData = async (id) => {
  // get user data logic
}
const User = async ({params}) => {
  const userData = await getUserData(params.id)
  return <UserProfile data={userData} />
}

client component

const UserProfile = ({data}) => {
  const sendReq = async () => {
    const res = await fetch("/api/user/send-request");
    const resData = await res.json();
    if (!res.ok) throw new Error();
    revalidatePath(`/user/${data._id}`) // not working
  }
  return (...)
}

So i want to refresh the current page right after the sending request so that i could see latest data changes...

Can someone guide?