Apollo реагирует на использование Query Query работает странно
У меня есть компонент со списком данных. Также у меня есть еще одна мутация для элемента item. После обновления кеширование обновляется, но список остается не обновленным, пока компонент перерисовки не будет выполнен.
Запрос компонента списка:
export const categoriesQuery = gql`
query Categories {
podcastCategories {
id
regions
title
subcategories {
title
}
}
}
`
я использую useQuery
для получения данных:
const categoriesResults = useQuery<Categories>(categoriesQuery)
console.log('categoriesReults', categoriesResults)
Также у меня есть другой компонент CategoriesItem.tsx
с мутацией:
export const podcastCategoryUpdate = gql`
mutation PodcastCategoryUpdate($categoryId: String!, $category: CategoryInput!) {
podcastCategoryUpdate(categoryId: $categoryId, category: $category) {
coverImageUrl
coverImageId
color
id
svg
subcategories {
categoryId
id
title
translations {
region
title
}
}
regions
title
translations {
region
title
}
}
}
`
я использую useMutation
крюк, чтобы обновить его:
const updateFn = useMutation<PodcastCategoryUpdate, PodcastCategoryUpdateVariables>(podcastCategoryUpdate)
Проблема в том, что кэш обновлен, но компонент списка не использует последнюю версию кеша.