How to use graphql subscription query with react-query?

Question

I am using react-query for api calls in my react native app. And backend is based on graphql. For query and mutation requests there is no problem. I simply use useMutation and useQuery to fetch data. My problem is that I should notify user of new notifications that comes from graphql subscription. And I don't know how to use it with react-query. I couldn't find any documentation in react-query docs. thanks for any help.

TkDodo · Accepted Answer · 2022-01-19 12:59:25Z

5

Since GraphQL subscriptions are usually based on WebSockets, the best approach is to open a connection to the socket in an effect. When you get data, you can use queryClient.setQueryData.

You can read more about the topic here:

https://react-query.tanstack.com/community/tkdodos-blog#7-using-websockets-with-react-query

answered Jan 19, 2022 at 12:59

TkDodo

30.4k5 gold badges85 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

BeginnerProgrammer Over a year ago

I study the link you provided but I really don't know where to add my subscription query?

TkDodo Over a year ago

> "Additionally, you can setup an app-wide useEffect that connects you to your WebSocket endpoint." So I would do it in a useEffect in your App component ?

Collectives™ on Stack Overflow

How to use graphql subscription query with react-query?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related