I am using a server action to create a document in my database, when I cal this function, creating a post, then use revalidatePath('/') and then navigate to '/' the data is not updated? Am I doing anything wrong?

Server Action:

async function createPost(data: PostCreateData): Promise<PostType | { error: string }> {
  dbConnect();
  const user = await getUserFromSession();
  if (!user) return { error: 'You must be logged in to create a post' };
  if (!data.title || !data.description) return { error: 'You must provide a title and description' };

  const post = await Post.create({
    title: data.title,
    tags: data.tags,
    description: data.description,
    publicPost: data.publicPost,
    authorId: user._id,
    authorName: user.username
  });

  revalidatePath('/');
  return JSON.parse(JSON.stringify(post));
}

How I'm using it:

  const handlePostCreate = handleSubmit(data => {
    createPost(data).then(() => {
      router.push('/');
    });
  });