useApolloCacheEvict.js

import { useCallback } from "react";
import { useApolloClient } from "@apollo/client";
import { defaultDataIdFromObject } from "@apollo/client/core";

const useApolloCacheEvict = () => {
	const { cache } = useApolloClient();

	/**
	 * Pass entire objects as queried from the cache.
	 * Use Apollo's default function to determine id.
	 */
	const evictObjectsFromCache = useCallback(
		(...objects) => {
			objects.map(defaultDataIdFromObject).forEach((id) => {
				cache.evict({ id });
			});
			/**
			 * Evicting an object often makes other cached objects unreachable.
			 * Call cache.gc after evicting object(s) from the cache.
			 */
			cache.gc();
		},
		[cache],
	);

	return evictObjectsFromCache;
};