How to use cache Data when page change by useSWRMutation

[vaynevayne]

step1 : the title is '', page :1,
step2 : the title is '', page :2,
step3(option1) : the title is '', page :1, // want to usecache data, because title is not change
step3(option2) : the title is 'xxx', page :1, // want to fetch , because title is change

how to complete it ?

and i need set all query params into queryKey?
like useSWRMutation(["/posts",title] sendRequest), and, if i do this, how to use cache data?

async function sendRequest(api, { arg }) {
  return fetch(`https://jsonplaceholder.typicode.com${api}`, {
    method: "POST",
    body: JSON.stringify(arg),
    headers: {
      "Content-type": "application/json; charset=UTF-8"
    }
  }).then((res) => res.json());
}

  const { trigger, isMutating, data } = useSWRMutation("/posts", sendRequest, {
    onSuccess: (data) => {
      setResList((prev) => prev.concat(data));
    }
  });

codesandbox : https://codesandbox.io/s/admiring-bartik-uzzz46?file=/src/App.tsx