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.
i have a simple hook component that looks like this
it works as expected, except, when the row that contains
DownloadTestData
component get's re-rendered, it re-runs above function withdata
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.