Any ways to cancel request deduplication?

[taochu]

Suppose I have a useLazyGetRandomThingsQuery that returns 10 random things and can't return more due to performance. In the UI I want 100 of these random things so I need to fire 10 requests when user clicks the "Fetch" button as indicated below 👇

What I want to achieve:

Put all these 100 things from the 10 requests in the same cache, after each request, we append the results to the original cache instead of overwriting.

What actually happens

Only 1 request gets fired and data is always a 10 items array.

// endpoint def

getRandomThings:({
  query:() => `api/get-random-posts`,
  merge: (currentCache, newData) => [...currentCache, ...newData],
  // I suppose this probably won't help since all the requests share the same cache key anyway?
  forceRefetch: () => true,
}),

// RandomThings.jsx

const [getRandomThings, { data }] = useLazyGetRandomThingsQuery();

const onFetchClick = () => {
  for (let i = 0; i < 10; i += 1) {
    getRandomThings()
  }
}

return <button onClick={onFetchClick}>Fetch</button>

Is there any way that I can cancel request duplication? Anything that I'm misunderstanding? Any other way people would approach this?

Thanks in advance!