From 9ae2a1a0e8d2493f116aaa9e161784ad097adea8 Mon Sep 17 00:00:00 2001 From: Yaroslav Lapin Date: Sun, 28 May 2023 17:59:23 -0600 Subject: [PATCH] make returning a promise for optimistic updates more explicit https://www.twitch.tv/videos/1829920965?t=1h56m2s --- docs/react/guides/optimistic-updates.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/docs/react/guides/optimistic-updates.md b/docs/react/guides/optimistic-updates.md index 22e7a6511b..8b2601d562 100644 --- a/docs/react/guides/optimistic-updates.md +++ b/docs/react/guides/optimistic-updates.md @@ -15,7 +15,9 @@ This is the simpler variant, as it doesn't interact with the cache directly. 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: () => queryClient.invalidateQueries({ queryKey: ['todos'] }), + onSettled: async () => { + return await queryClient.invalidateQueries({ queryKey: ['todos'] }) + }, }) ``` [//]: # 'ExampleUI1'