路由器刷新（）;不起作用（我正在使用 Nextjs14）

问：

"use client";

import { HiOutlineTrash } from "react-icons/hi";
import { useRouter } from "next/navigation";

export default function RemoveBtn({ id }) {
  const router = useRouter();
  const removeTopic = async () => {
    const confirmed = confirm("Are you sure?");

    if (confirmed) {
      const res = await fetch(`http://localhost:3000/api/topics?id=${id}`, {
        method: "DELETE",
      });

      if (res.ok) {
        router.refresh();
      }
    }
  };

  return (
    <button onClick={removeTopic} className="text-red-400">
      <HiOutlineTrash size={24} />
    </button>
  );
}

正在学习有关使用 NextJs 进行 CRUD 操作的教程，意识到该教程有 Nextjs 13，我正在学习 Nextjs 14。router.refresh（） 不起作用，我也尝试了 router.reload（），也不起作用。请帮忙