Отменить вызов 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 при размонтировании компонента.