Отменить вызов graphQL при размонтировании компонента

Я использую запрос @apollo/GraphQL ниже внутри собственного компонента React

const [getContent, {
    error, data, fetchMore, called
  }] = useLazyQuery(BROWSE_CONTENT, {
    variables: {
      sessionIdToken: sessionId,
      deviceLocale,
      paginationCursor: `'${payload.endCursor}'`
    }
  })

Когда у меня есть данные, я использую RecyclerListView для визуализации списка.

Проблема: с момента его асинхронного вызова (useLazyQuery), поэтому, если пользователь быстро меняет представление (нажав кнопку), я получаю ошибку ниже.

Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in the componentWillUnmount method.
    in RecyclerListView (at MyComponent.js:345)

Как отменить useLazyQuery при размонтировании компонента.

0 ответов

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