From 3616d538b1d9024e30ac6803a6bf03e3427649e4 Mon Sep 17 00:00:00 2001
From: Hytea <andrewdhyte@gmail.com>
Date: Fri, 31 Mar 2023 16:37:29 -0600
Subject: [PATCH] Update documentation for the Bound Mutate example

A bound mutate method requires a KeyedMutator which is either Data or a Promise to return Data.
---
 pages/docs/mutation.en-US.mdx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/pages/docs/mutation.en-US.mdx b/pages/docs/mutation.en-US.mdx
index a75b750b..b57906a0 100644
--- a/pages/docs/mutation.en-US.mdx
+++ b/pages/docs/mutation.en-US.mdx
@@ -53,10 +53,12 @@ function Profile () {
       <button onClick={async () => {
         const newName = data.name.toUpperCase()
         // send a request to the API to update the data
-        await requestUpdateUsername(newName)
         // update the local data immediately and revalidate (refetch)
         // NOTE: key is not required when using useSWR's mutate as it's pre-bound
-        mutate({ ...data, name: newName })
+        mutate(requestUpdateUsername(newName), {
+          optimisticData: { ...data, name: newName },
+          revalidate: true,
+        })
       }}>Uppercase my name!</button>
     </div>
   )