Query isn't refetching properly with invalidateQueries?
Hi all, I have an analytics application which refetches data every time the user updates the date range. The payloads are really small so the UX isn't actually all too bad when it does work, and this is the approach we're taking.
I want to refetch data every time this is updated, and here is the approach I am taking:
Then, inside of a useEffect I have my invalidate queries function:
However this isn't working as expected, and inside of the devtools isn't even getting any new data.
I've submitted a video that shows me playing around with the app.
FOR THE PURPOSES OF THE VIDEO, THE NUMBERS ON SCREEN SHOULD NOT UPDATE -- that part hasn't been implemented yet, I know that won't work.
I do know for sure that Black Oak Bar and Grill when clicked should have data, it works in controlled circumstances and shows 76 items there. All the other should have zero. When I click on black oak, there should be data and again I know it does under controlled circumstances.
I know I must be missing something. Thanks so much!
I want to refetch data every time this is updated, and here is the approach I am taking:
const queryAnalytics = useQuery(['analytics'], ()=> getAnalytics(dateRange?.startDate.toISOString(), dateRange?.endDate.toISOString(), props.selectedRestaurant.id), {enabled: props.loadAnalytics})Then, inside of a useEffect I have my invalidate queries function:
However this isn't working as expected, and inside of the devtools isn't even getting any new data.
I've submitted a video that shows me playing around with the app.
FOR THE PURPOSES OF THE VIDEO, THE NUMBERS ON SCREEN SHOULD NOT UPDATE -- that part hasn't been implemented yet, I know that won't work.
I do know for sure that Black Oak Bar and Grill when clicked should have data, it works in controlled circumstances and shows 76 items there. All the other should have zero. When I click on black oak, there should be data and again I know it does under controlled circumstances.
I know I must be missing something. Thanks so much!
