SWR Mutation without api revalidation:

swr-without-revalidation.jsx

/**
* @see: https://stackoverflow.com/questions/72757228/mutate-useswr-data-local-state-without-revalidating
*/
import React from "react";
import useSWR from "swr";

const fetcher = async (url) => {
  await new Promise(resolve => setTimeout(resolve, 1000));
  return fetch(url).then((res) => res.json())
};

export default function App() {
  const { data, error, isLoading, mutate } = useSWR(
    "https://api.github.com/repos/vercel/swr",
    fetcher
  );
  
  const handleMutate =()=>{
    mutate(
      { ...data, subscribers_count: 1222 },
      { revalidate: false }
    )
  }

  if (error) return "An error has occurred.";
  if (isLoading) return "Loading...";
  return (
    <div>
      <h1>{data.name}</h1>
      <p>{data.description}</p>
      <button onClick={handleMutate}>Test</button>
      <strong>👁 {data.subscribers_count}</strong>{" "}
      <strong>✨ {data.stargazers_count}</strong>{" "}
      <strong>🍴 {data.forks_count}</strong>
    </div>
  );
}