How to optionally turn off Apollo caching

Question

What I need is to NOT cach the data if Query has a specific parameter.

I have this hook for queries, it has dafault 'cache-first' value for fetchPolicy property (default Apollo behaviour):

import { getItem } from 'utilities/sessionStorage';

const useStoreApolloClient = ({ query, parameters = {}, fetchPolicy = 'cache-first' }) => {
    const { store: storeId, timezone } = getItem(userInfo, true);

    const [getData, { data, error, loading }] = useLazyQuery(query, {
        variables: {
            storeId,
            timezone,
            ...parameters
        },
        fetchPolicy
    });

    useEffect(() => {
        if (!error) {
            getData();
        }
    }, [getData, error]);

    return {
        data,
        error,
        getData,
        loading
    };
};

And here I'm trying to optionaly change Fetch Policy when fetching the data. If "timePeriod" property is "D" fetchPolicy value is "no-cache":

    const {
        dateMode: timePeriod,
        date: { endDate: toDate, startDate: fromDate, endTime, startTime }
    } = useRecoilValue(kpiDateAtom);

    const {
        data: chartData,
        loading,
        error
    } = useStoreApolloClient({
        parameters: {
            fromDate,
            fromTime: parseInt(startTime),
            timePeriod,
            toDate,
            toTime: parseInt(endTime),
        },
        query: STORE_KPI_CHARTS_DATA(generateQueryFor(checkedCharts)),
        fetchPolicy: timePeriod === 'D' ? 'no-cache' : 'cache-first'
    });

But it's just doesen't work. If you gonna change default fetchPolicy parameter and hardcode any value there, it's just always will be the same. There is no way to make it changed optionaly.

phry · Accepted Answer · 2023-04-25 08:47:14Z

0

You can use the nextFetchPolicy callback notation:

        fetchPolicy: timePeriod === 'D' ? 'no-cache' : 'cache-first',
        nextFetchPolicy(lastFetchPolicy, { reason, options }){
            if (reason == 'variables-changed') {
                return options.variables.timePeriod === 'D' ? 'no-cache' : 'cache-first'
            }
            return lastFetchPolicy;
        }

answered Apr 25, 2023 at 8:47

phry

44.9k7 gold badges96 silver badges111 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Reza Hatami · Accepted Answer · 2023-04-24 22:46:45Z

0

You can set defaultOptions to your client like this:

const defaultOptions = {
      watchQuery: {
        fetchPolicy: 'network-only',
        errorPolicy: 'ignore',
      },
      query: {
        fetchPolicy: 'network-only',
        errorPolicy: 'all',
      },
    }

const client = new ApolloClient({
    link: concat(authMiddleware, httpLink),
    cache: new InMemoryCache(),
    defaultOptions: defaultOptions,

});

answered Apr 24, 2023 at 22:46

Reza Hatami

1884 bronze badges

Collectives™ on Stack Overflow

How to optionally turn off Apollo caching

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related