This repository was archived by the owner on Apr 13, 2023. It is now read-only.

Description
i have a simple hook component that looks like this
export function DownloadTestData(props) {
const [getTestData, { loading, error, data }] = useLazyQuery(QUERY_TEST);
if (data)
saveAsCsv(data)
return <Button onClick={getTestData}>export</Button>
it works as expected, except, when the row that contains DownloadTestData
component get's re-rendered, it re-runs above function with data
still available, so the save executes multiple times (once on click, and all subsequent re-renders of that component)
am i using it incorrectly?
how come data remains populated on subsequent re-renders? i need it to trigger only once when getTestData was executed
data
is also there for all useEffect hooks subsequent to onClick action.