Mutation and Optimistic Updates with SWR

The global mutate function from swr lets you trigger revalidation for any cache key from anywhere in your application: mutate('/api/user') causes all useSWR('/api/user') hooks to refetch.

Import it with: import { mutate } from 'swr'. This is useful for invalidating data after a server action outside of a component that has direct access to the bound mutate.

Pass data as the second argument to mutate: mutate('/api/user', updatedUser) sets the cache to updatedUser immediately without making a network request. This is sometimes called a local mutation.

Add { revalidate: false } as the third argument to prevent SWR from refetching after the optimistic update.