Изменения данных не обновляют пользовательский интерфейс мгновенно из-за того, что страница не перерисовывается.

Создание приложения с использованием NextJS 14 App Router. Часть приложения — это поток, похожий на Facebook, где пользователи могут оставлять сообщения. Проблема, с которой я столкнулся, заключается в том, что интерфейс не перерисовывается/не обновляется после мутаций данных на стороне клиента, таких как нажатие кнопок «нравится» или добавление комментариев. Всё работает нормально в основном потоке, где можно увидеть все сообщения всех пользователей. Однако при выборе записей по пользователю, переходе на страницу postsbyuser функции, такие как нажатие кнопки «нравится» или добавление комментария, работают только один раз, после этого только при обновлении страницы интерфейс не обновляется/не перезагружается мгновенно. Данные изменяются в базе данных, как и ожидалось, но не отображаются в интерфейсе.

Я пытался обновить роутер, но это сработало только на маршруте /api/posts/, revalidatePath тоже не решило проблему. Оптимистичные обновления могут быть решением, но я хочу этого избежать.
Полагаю, состояние не переинициализируется и не пересчитывается должным образом после отправки мутаций данных на сервер.

Структура папки API

Маршрут публикаций по пользователю

export const GET = async (request, {params}) => {
  try {
    await connectDB();

    const {postId} = params;

     if (!postId) {
       return null;
     }

    const posts = await Post.aggregate([
      { $match: { user: ObjectId.createFromHexString(postId) } }, 
      {
        $lookup: {
          from: "comments", 
          localField: "_id", 
          foreignField: "postId", 
          as: "comments", 
        },
      },
      {
        $lookup: {
          from: "likes", 
          localField: "_id", 
          foreignField: "postId", 
          as: "likes", 
        },
      },
      {
        $sort: { createdAt: -1 }, 
      },
    ]);

    return new Response(JSON.stringify({posts}), { status: 200 });

  } catch (error) {
    console.log(error);
  }
};

Маршрут для «нравится» для публикации

export const POST = async (request, { params }) => {
  await connectDB();

  const { postId } = params;
  const session = await getSessionUser()

  if (!session) {
    return new Response(JSON.stringify({message: "Неавторизован"}), { status: 401 });
  }

  const userId = session.user.id;

  try {

    const liked = await Like.findOne({ postId, userId });
       if(liked){
             const deletedLike = await Like.findOneAndDelete({ postId, userId });
       if(deletedLike){
           await Post.findByIdAndUpdate(postId, { $inc: { likesCount: -1 } });
       }
      }

     if(!liked){
            const like = await Like.create({ userId, postId });
            await Post.findByIdAndUpdate(postId, { $inc: { likesCount: 1 } });
     }
    return new Response(JSON.stringify(liked), { status: 201 });
  } catch (error) {
    return new Response({message:error.message}, { status: 500 });
  }
};

Маршрут для «нравится» комментария

export const POST = async (request, { params }) => {

  await connectDB();

  const { commentId } = params;
  const session = await getSessionUser();

  const postId = commentId   // Вам нужен postId, потому что в схемах «нравится» нет commentId

  if (!session) {
    return new Response(JSON.stringify({ message: "Неавторизован" }), {
      status: 401,
    });
  }

  const userId = session.user.id;

  try {
    const liked = await Like.findOne({ postId, userId });
    if (liked) {
      const deletedLike = await Like.findOneAndDelete({ postId, userId });
      if (deletedLike) {
        await Comment.findByIdAndUpdate({_id:postId}, {$inc: { likesCount: -1 }});
      }
    }

    if (!liked) {
      const like = await Like.create({ userId, postId });

       if(like){
           await Comment.findByIdAndUpdate(postId, { $inc: { likesCount: 1 }});
       }
    }

  return new Response(JSON.stringify(liked), { status: 201 });

  } catch (error) {
    return new Response({ message: error.message }, { status: 500 });
  }

};

Кнопка «нравится» для комментария

const CommentLikeButton = ({com, initialLikesCount }) => {

      const router = useRouter();

     const toggleLike = async (commentId) => {

       console.log("Id:", commentId);

       try {
         const res = await fetch(`/api/posts/comments/${commentId}/like`, {
           method: "POST",
           headers: {
             "Content-Type": "application/json",
           },
           body: JSON.stringify({ commentId }),
         });

         if (!res.ok) {
           alert("Сначала войдите в систему!");
         }
       } catch (error) {
         console.error("Ошибка при переключении «нравится»: ", error);
       }
       router.refresh();
     };
}