How to set client in useQuery Apollo in ReactJs

Question

I want to change the url from what is set in the context. Here I want to use useQuery, when using Query I successfully set a new url client, as follows.

const onlineDocumentServiceClient = new ApolloClient({
  uri: process.env.REACT_APP_GQL_ODS
});

<Query query={QUERY} client={onlineDocumentServiceClient}>

I do not understand what if using useQuery can I do as Query does. I found it in https://www.apollographql.com/docs/react/data/queries/#executing-queries-manually the use of query can also be set by the client

Chris B. · Accepted Answer · 2019-12-26 05:38:34Z

4

You just pass it in as an option:

const { data, loading, refetch } = useQuery(MY_QUERY, { client: myClient });

answered Dec 26, 2019 at 5:38

Chris B.

5,7711 gold badge17 silver badges31 bronze badges

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

7 Comments

Wisnu Over a year ago

But why is that looping so much? if not using the client option, it's not looping.

Chris B. Over a year ago

Not sure what you mean?

Wisnu Over a year ago

I mean, there are repeated requests like ibb.co/fY3y2XP. Whereas if I don't use "client" but the code is like this "const { data, loading, refetch } = useQuery(MY_QUERY)" it doesn't repeat the request.

Chris B. Over a year ago

The request will be run every time the function component is called. If you don't pass in the client, where is the client coming from? The only other way would be to use an ApolloProvider, in which case you don't need to pass the client in at all unless it's a different client.

Wisnu Over a year ago

In my case, backend there are 2 different urls. 1 I put it on index.js (ApolloProvider), and other url (less accessible) I want to implement in useQuery directly. Are there any tips for my problem?

|

Collectives™ on Stack Overflow

How to set client in useQuery Apollo in ReactJs

1 Answer 1

7 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

7 Comments

Your Answer

Sign up or log in

Post as a guest

Related