I have following service:

export const getTopTrends = async () => {
  const response = await fetch(
    api,
    {
      cache: 'no-store',
    }
  );

  if (!response.ok) {
    throw new Error('Failed to fetch top trends');
  }

  return await response.json();
};

Then this request is used in 2 server components like this:


{baseUrl}/

async function TableBody() {
  const topTrends = await getTopTrends();
}

{baseUrl}/top-trends

async function TableBody() {
  const topTrends = await getTopTrends();

I can see if i switch the routes sometimes data is being fetched only once and then is read from cache even with no-cache

Apart from that i have other request that is used only in 1 page:

}baseUrl}/activities:

export const getActivities = async () => {
  const response = await fetch(
    api
    {
      cache: 'no-store'
    }
  );

  if (!response.ok) {
    throw new Error('Failed to fetch activities');
  }

  return await response.json();
};

but when user visit it once on concurent visits sometimes is not being fetch

any idea what might cause the issue?

I need to data to be refetched in RSC everytime when user opens the page