Cache not being hit, key present

[Jerryhu1]

Hi,

I've been using SWR for fetching some data, but it doesn't seem like it's hitting the cache.

Custom hook:

export const useFacets = () => {
  const { data, error } = useSWR("/v1/facets", url => getFacets(true).then(res => res.data));

  return {
    facets: data ?? [],
    error: error,
  };
};

Being called using:

  const { facets, error } = useFacets();

Looking at the network tab, I'm not getting a (from disk cache) status code even though the cache does contain the key.

This is my global configuration:

export const SWRGlobalConfig: SWRConfiguration = {
  errorRetryCount: 3,
  loadingTimeout: 2000,
};

Is there something obvious that I'm missing?

[Jerryhu1]

Found the solution, my component was being remounted when switching tabs. So I had to set revalidateOnMount: false