docs: fix ignored promise from invalidate queries (#8847)

* fix(examples): Promise returned from invalidateQueries being ignored in optimistic-updates-cache example

* fix(examples): Promise returned from invalidateQueries is ignored in optimistic-updates-ui example

* fix(docs): Promise returned from invalidateQueries is ignored in optimistic-updates documentation

* Update docs/framework/react/guides/optimistic-updates.md

Co-authored-by: Dominik Dorfmeister <office@dorfmeister.cc>

* refactor(docs, examples): standardize queryClient.invalidateQueries syntax in all onSettled callbacks

* ci: apply automated fixes

---------

Co-authored-by: Dominik Dorfmeister <office@dorfmeister.cc>
Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com>

Author: 3 people

docs/framework/react/guides/optimistic-updates.md

@@ -16,9 +16,7 @@ const addTodoMutation = useMutation({
   mutationFn: (newTodo: string) => axios.post('/api/data', { text: newTodo }),
   // make sure to _return_ the Promise from the query invalidation
   // so that the mutation stays in `pending` state until the refetch is finished
-  onSettled: async () => {
-    return await queryClient.invalidateQueries({ queryKey: ['todos'] })
-  },
+  onSettled: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
 })
 
 const { isPending, submittedAt, variables, mutate, isError } = addTodoMutation
@@ -121,9 +119,7 @@ useMutation({
     queryClient.setQueryData(['todos'], context.previousTodos)
   },
   // Always refetch after error or success:
-  onSettled: () => {
-    queryClient.invalidateQueries({ queryKey: ['todos'] })
-  },
+  onSettled: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
 })
 ```
 
@@ -159,9 +155,8 @@ useMutation({
     )
   },
   // Always refetch after error or success:
-  onSettled: (newTodo) => {
-    queryClient.invalidateQueries({ queryKey: ['todos', newTodo.id] })
-  },
+  onSettled: (newTodo) =>
+    queryClient.invalidateQueries({ queryKey: ['todos', newTodo.id] }),
 })
 ```
 
@@ -175,7 +170,7 @@ You can also use the `onSettled` function in place of the separate `onError` and
 useMutation({
   mutationFn: updateTodo,
   // ...
-  onSettled: (newTodo, error, variables, context) => {
+  onSettled: async (newTodo, error, variables, context) => {
     if (error) {
       // do something
     }

examples/react/optimistic-updates-cache/src/pages/index.tsx

@@ -75,9 +75,7 @@ function Example() {
       }
     },
     // Always refetch after error or success:
-    onSettled: () => {
-      queryClient.invalidateQueries({ queryKey: ['todos'] })
-    },
+    onSettled: () => queryClient.invalidateQueries({ queryKey: ['todos'] }),
   })
 
   return (