reference variables in useMutation Key

import { useMutation } from "@tanstack/react-query";

type InstitutionGroup = {
  id: string;
  phone_numbers: Record<string, string>;
};

export function useInstitutionGroup(id: string) {
  return useQuery<InstitutionGroup, Error>({
    queryKey: ["institutionGroup", id],
    queryFn: (): Promise<InstitutionGroup> => api.get<InstitutionGroup>(`/api/institution-groups/${id}/`)
  });
}

export function useInstitutionGroupMutation() {
  const queryClient = useQueryClient();
  return useMutation({
    mutationKey: ["institutionGroup", <{id}>],
    mutationFn: ({ id, phoneNumbers }) =>
      api.patch<InstitutionGroup>(`/api/institution-groups/${id}/`, { phoneNumbers }),
  });
}

const queryClient = new QueryClient({
  mutationCache: new MutationCache({
    onSuccess: (_data, _variables, _context, mutation) => {
      queryClient.invalidateQueries({
        queryKey: mutation.options.mutationKey,
      });
    },
  }),
});