bounty将在6天内到期。回答此问题可获得+100声望奖励。lost_in_the_source希望引起更多关注这个问题。

我有一个受保护的 Jmeter 板页面，其中包含评论列表。当添加新评论时，我想刷新页面。但是，这并不起作用。具体来说，useRouter（）.refresh什么也不做。我有一个显示在 Jmeter 板页面上的AddReview组件。它是一个按钮，当点击时，触发一个允许用户输入评论数据的模态。
下面是AddReview组件的代码：

"use client";
import { AiOutlinePlus } from 'react-icons/ai';
import Modal from './Modal.js';
import { useState } from 'react';
import { addReview, getAllReviews } from '/api';
import { useRouter } from "next/navigation";
import Router from 'next/navigation';
import { useSession } from 'next-auth/react';
import { v4 as uuidv4 } from 'uuid';

export default function AddReview()
{
    const { data: session } = useSession();
    const router = useRouter();
    const [modalOpen, setModalOpen] = useState(false);
    const [newContentCreatorName, setNewContentCreatorName] = useState("");
    const [newRating, setNewRating] = useState("");
    const [newText, setNewText] = useState("");

    const handleSubmitNewTodo = async (e) => {
        e.preventDefault();
                // API to add review
        await addReview({
            id: uuidv4(),
            contentCreatorName: newContentCreatorName,
            rating: newRating,
            text: newText,
            owner: session.user.email,
        });

        setNewContentCreatorName("");
        setNewRating("");
        setNewText("");
        setModalOpen(false);
        router.refresh(); // refresh page to show new item in ReviewList
    };

    return (
    <div>
        <button 
            onClick={() => setModalOpen(true)} 
            className="btn btn-primary w-full">
                Add new review <AiOutlinePlus className="ml-2" size={20}/>
        </button>
        <Modal modalOpen={modalOpen} setModalOpen={setModalOpen}>
            <form onSubmit={handleSubmitNewTodo} className="w-full max-w">
                <h3 className="font-bold text-lg mb-6 text-center">Add review</h3>
                <div>
                    <input 
                        value={newContentCreatorName} 
                        onChange={e => setNewContentCreatorName(e.target.value)} 
                        type="text" 
                        placeholder="Content creator name" 
                                className="block input input-bordered w-full mb-4" />
                    <input 
                        value={newRating} 
                        onChange={e => setNewRating(e.target.value)} 
                        type="number" 
                        placeholder="Rating (out of 5)" 
                                className="block input input-bordered w-full mb-4" />
                    <input 
                        value={newText} 
                        onChange={e => setNewText(e.target.value)} 
                        type="text" 
                        placeholder="Review" 
                                className="block input input-bordered w-full mb-4" />

                    <button className="btn" type="submit">Submit</button>
                </div>
            </form>
        </Modal>
    </div>
    );
}

我使用会话对象，这样我就可以在将每个评论添加到数据库时记录其所有者/作者。在Dashboard页面上，还有一个会话对象，用于验证用户是否登录。下面是 Jmeter 板页面的代码。

"use client";

import AddReview from '../components/AddReview';
import ReviewList from '../components/ReviewList';

import { getAllReviews } from '/api';
import { use } from 'react';

import { useSession } from "next-auth/react";

const _reviews = getAllReviews(); // API to fetch reviews

export default function Dashboard()
{
    const reviews = use(_reviews);
    console.log(reviews);

    const { data: session, status } = useSession({
        required: true,
      });
    if (status === "loading")
      return <div>Session is loading...</div>;

    return (
        <>
            <div className="text-center my-5 flex flex-col gap-4">
                <h1 className="text-2xl font-bold">Yelper</h1>
                <AddReview />
            </div>
                        {/* A component showing list of reviews (should be rerendered to reflect new review added) */}
            <ReviewList reviews={reviews} email={session?.user.email} />
        </>   
    );
}

我应该怎么做才能让useRouter（）.refresh函数真正刷新页面？
编辑：这里是我调用的函数，用于添加新的评论，以防提供更多的上下文：

export async function addReview(review)
{
    const res = await fetch(`${baseUrl}/reviews`, {
        method: "POST",
        headers:  {
            "Content-Type": "application/json",
        },
        body: JSON.stringify(review).trim()
    });
    const newReview = await res.json();
    return newReview;
}