How to use different arguments for fetcher and SWR cache?

[willdavsmith]

Hi!

I'm working on an application where it would be useful to have separate arguments for the fetcher and the SWR cache.
Here's the idea:

const { data } = useSWR(
  [url, accessToken], // I want this to be my cache key
  (otherArg1, otherArg2) => fetcher(otherArg1, otherArg2) // I want these args to be sent to fetcher
)

Currently otherArg1 and otherArg2 are being replaced by url and accessToken, as expected. Is there any way to accomplish my idea?

[ErnestBrandi]

Hi, that fetcher is just a function can't you do :

const globalArgs = { arg1: "foo", arg2: "bar"};

function Page() {
  const { data } = useSWR(`key`, async (key) => {
    console.log(globalArgs);
    // ...
    return fetchedData;
  });
  // whenever
  globalArgs.arg3 = "bla";
}