How to use apollo-link-http with apollo-upload-client?

Question

Im trying to figure out how to use apollo-link-http with apollo-upload-client.

Both create a terminating link, but how could I use those 2 together? In my index.js I have like this, but it wont work because both links are terminating =>

const uploadLink = createUploadLink({ uri: process.env.REACT_APP_GRAPHQL_URL });

const httpLink = new HttpLink({ uri: process.env.REACT_APP_GRAPHQL_URL });

const client = new ApolloClient({
    link: ApolloLink.from([ authLink, logoutLink, stateLink, uploadLink, httpLink ]),
    cache,
});

Any help? I have not much experience with Apollo/Graphql, but I would like to use the file upload component.

score 40 · Accepted Answer · edited Aug 25 '22 at 17:46

40

You do not need the http link if you use apollo-upload-client with version higher than 6.

You can try like this:

const uploadLink = createUploadLink({ uri: process.env.REACT_APP_GRAPHQL_URL });

const client = new ApolloClient({
    link: ApolloLink.from([ authLink, logoutLink, stateLink, uploadLink ]),
    cache,
});

edited Aug 25 '22 at 17:46

Henry Woody

14,024
7
39
56

answered Mar 28 '18 at 13:57

Locco0_0

3,420
5
30
42

3

This is correct. The final problem however was that I had too old react-scripts package. Updated to 1.1.2 and now working. – Jack M. Apr 03 '18 at 08:42
Thanks a lot. I was forgetting to create an uploadLink. – Lucas Veiga May 29 '20 at 01:08
1

How do you pass http link options to it (like useGETForQueries)? – András Geiszl Jul 01 '20 at 20:26

How to use apollo-link-http with apollo-upload-client?

1 Answers1