Mutating endpoint on query change

[yiliansource]

Hey there!

I'm playing around with creating a search/filter component that utilitizes swr to fetch the data from an endpoint. I want the data to always be visibly refetched when the user modifies the query. Normally this is not the case, since I assume the stored data is used, if the endpoint is identical?

I've worked around this by using the following:

const queryString = buildQueryString(); // magic method to construct the URL params
const queryEndpoint = `/api/v1/events?` + queryString;
// fetch the queried data
const { data, error, mutate } = useSWR(queryEndpoint);

useEffect(() => {
    // mutate the endpoint on query change.
    mutate(null);
}, [queryString]);

This works, but I am wondering if this is an intended possible practice, or if this is hacky and could break something.