fair-rose•2y ago

How to use response of POST request in custom page?

I want to use the response that I get back from the post request to create an resource. I cannot get the same response back using any endpoint so is there a way to capture the response that I get back from post request and display on a custom page. For example: I get back a response after a successful POST request as

{
  created: [
    {
      id: 1,
      title: 'some title'
    },
  ],
  failed: {}
}

{
  created: [
    {
      id: 1,
      title: 'some title'
    },
  ],
  failed: {}
}

Now I want to use this response and give user a feedback of what has been created and failed, instead of redirecting to list page.

18 Replies

xenial-black•2y ago

Guessing this request is sent from useForm hook, you can access the response from the queryResult property. To disable redirect, you can set redirect: false Also if you have notification provider set up, you can get the response and display a custom notification through successNotification property But to do this, you need to work in mutationMode: pessimistic

xenial-black•2y ago

https://refine.dev/docs/api-reference/core/hooks/useForm/ check out the core useForm docs for more info

useForm | refine

useForm is a hook that allows to manage forms. It has some action methods that create, edit and clone the form. The hook return value comes to according to the called action and it can run different logic depending on the action.

fair-rose•2y ago

Hey @aliemirs, Can my successnotification can be a type of page? Where I can display a list of values that have been created instead of showing a pop up?

xenial-black•2y ago

You can do a redirect manually in onMutationSuccess callback Hope this works for your case 🚀

fair-rose•2y ago

Okay I can do redirect manually but how can I have the queryResult from form to the redirected page?

xenial-black•2y ago

I think using URL params is the best choice.

fair-rose•2y ago

That will be a very long url params. Isn't there a way to set a dummy query using some key and get that in the custom page. As of setQueryData using the react query?

xenial-black•2y ago

I think this is achievable but not sure, let me try this and get back to you

other-emerald•2y ago

Hey @dipbazz, Could you try queryClient.getMutationCache for access your mutationCache?

fair-rose•2y ago

Hi @salihozdemir, I will try that and get back to you.

other-emerald•2y ago

You can access your queryCache with queryKey using the queryClient.getQueryData but I'm not sure how can you access your mutationCache Great, I hope it helps 🙏🏻 Btw, you can see more information on the https://tanstack.com/query/v4/docs/react/reference/QueryClient#queryclientgetmutationcache

xenial-black•2y ago

Hey @dipbazz, while checking your question, we've thought it will be nice to have the ability to pass custom options to the mutations. (In your case it can be a custom mutation key to access is later easily) Here's the PR for it https://github.com/refinedev/refine/pull/3324 We'll try to finish this as soon as possible and deploy 🚀

fair-rose•2y ago

Hey @aliemirs, its great to hear that my simple question turned out to be a feature ❤️ , but how am I supposed to use the mutationOptions when new version is available? Will it solve my specific requirement? Currently I have solved it by using a hacky way by checking isSuccess flag from mutationResult and returning new component with the response after mutation successful. I am not sure if this is the correct way but works fine for me till now.

xenial-black•2y ago

You will be able to pass a custom mutationKey and use this key to access to the mutation response as @salihozdemir suggested 🙏 Hey @dipbazz, I don't know if you're still looking for a different approach to handle your case or happy with the current result but the feature we've talked about above is released and ready to use 🚀

fair-rose•2y ago

Hey @aliemirs, Thank you for the feature. I will be happy to try it and see if that works for me. Please can you provide me the link of the documentation.