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)

Проблема в том, что кэш обновлен, но компонент списка не использует последнюю версию кеша.

0 ответов

Другие вопросы по тегам