Using the app router I have a page.tsx that looks like this:

const ViewMyRequests = async() => {
    
    const session = await getServerSession( authOptions);

    if (!session || !session.user){
        redirect('/signin');
    }

    const userid = session.user.id;

    const userdetails = await getUserDetails(userid);

    const results = await getUserVideoRequests(userid);    

    return (
        <> 
        <div className="container">
          <div className="w-full py-4 px-8">
            <RequestTable results={results}/>
          </div>
        </div>
        </>
    )
} 

The getUserVideoRequests function makes a call directly to a database to query a list of items. What I am finding is sometimes when clicking a link to this page the query is not run (if I click refresh it is). I'm assuming this is because of nextjs thinking this is a static url and since there is no fetch it doesn't treat it dynamically. What is the right way to control this?