Cache not working for `useQuery`

I have a query like this:

const { data: article, isFetching } = api.public.getArticle.useQuery({
        id: targetId,
    });

const { data: article, isFetching } = api.public.getArticle.useQuery({
        id: targetId,
    });

which

targetId

targetId

is a dynamic value. When I change

targetId

targetId

from a to b then switch back from b to a, the

useQuery

useQuery

hook still send a new request for

instead of using cache. Any idea how to make the cache work?