Examples for mutations, queryClient? #9

Activity

1. vmarcosp commented on Oct 10, 2023

   

   vmarcosp

   on Oct 10, 2023

   Member

   More actions

   Hey @Holmqvist1990 👋
   Could you elaborate about your need? I'm not working on this repo actively, but I have plans to finish the support for the missing bindings.
2. fholmqvist commented on Oct 11, 2023

   

   fholmqvist

   on Oct 11, 2023

   Last edited by fholmqvist

   Author

   More actions

   Hey @vmarcosp, thanks for the reply! 👋

   The README demonstrates:

   let queryResult = ReactQuery.useQuery({
         queryFn: fetchTodos,
         queryKey: ["todos"],
         /*
          * Helper functions to convert unsupported TypeScript types in ReScript
          * Check out the module ReactQuery_Utils.res
          */
         refetchOnWindowFocus: ReactQuery.refetchOnWindowFocus(#bool(false)),
       })
   

   Perhaps it could also demonstrate something like:

   let queryClient = ReactQuery.useQueryClient()
   
   let addTodoMutation = ReactQuery.useMutation({
       mutationFn: addTodo,
       mutationKey: ["todos"],
       onSuccess: (todo: todo) => {
           queryClient.setQueryData(["todos"], (oldTodos) => Js.Array2.append(oldTodos, todo))
       
           // or
       
           let todos: array<todo> = queryClient.getQueryData(["todos"])->Option.getWithDefault([])
           todos->Array.push(todo)
           queryClient.setQueryData(["todos"], Some(todos))
       }
   })
   

   (note: above examples don't compile)
3. vmarcosp commented on Oct 15, 2023

   

   vmarcosp

   on Oct 15, 2023

   Member

   More actions

   What error are you getting with this code? setQueryData is typed as ('queryKey, option<'queryData>) => unit which assumes the use as setQueryData(["todos"], newTodo), it's possible to support setQueryData as ('queryKey, option<'queryData> => queryData as well (using the updater function) but I think you can still do the same since you can get the same value by doing queryClient.getQueryData with the same queryKey.