Type 'QueueLink' is not assignable to type 'ApolloLink | RequestHandler'

[sajadghawami]

Hey there,

This is the code.

import QueueLink from "apollo-link-queue";
const queueLink = new QueueLink();

const client = (hostName: string, initialState?: any) => {
  return new ApolloClient({
    link: ApolloLink.from([
      errorLink,
      queueLink,
      retryLink,
      authLink.concat(createUploadLink({ uri: `${hostName}/api/graphql` })),
    ]),
    cache: cache.restore(initialState || {}),
  });
};

i am having the following error:

Type 'QueueLink' is not assignable to type 'ApolloLink | RequestHandler'.
  Type 'QueueLink' is not assignable to type 'ApolloLink'.
    Types of property 'split' are incompatible.
      Type '(test: (op: import("/Users/gilga/Projekte/bliks/app/node_modules/apollo-link-queue/node_modules/@apollo/client/link/core/types").Operation) => boolean, left: import("/Users/gilga/Projekte/bliks/app/node_modules/apollo-link-queue/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink | import("/Users/gilga/Pro...' is not assignable to type '(test: (op: import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/types").Operation) => boolean, left: import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink | import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/types")....'.
        Types of parameters 'left' and 'left' are incompatible.
          Type 'import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink | import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/types").RequestHandler' is not assignable to type 'import("/Users/gilga/Projekte/bliks/app/node_modules/apollo-link-queue/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink | import("/Users/gilga/Projekte/bliks/app/node_modules/apollo-link-queue/node_modules/@apollo/client/link/core/types").RequestHandler'.
            Type 'ApolloLink' is not assignable to type 'ApolloLink | RequestHandler'.
              Type 'import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink' is not assignable to type 'import("/Users/gilga/Projekte/bliks/app/node_modules/apollo-link-queue/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink'.
                Types of property 'split' are incompatible.
                  Type '(test: (op: import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/types").Operation) => boolean, left: import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink | import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/types")....' is not assignable to type '(test: (op: import("/Users/gilga/Projekte/bliks/app/node_modules/apollo-link-queue/node_modules/@apollo/client/link/core/types").Operation) => boolean, left: import("/Users/gilga/Projekte/bliks/app/node_modules/apollo-link-queue/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink | import("/Users/gilga/Pro...'.
                    Types of parameters 'left' and 'left' are incompatible.
                      Type 'import("/Users/gilga/Projekte/bliks/app/node_modules/apollo-link-queue/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink | import("/Users/gilga/Projekte/bliks/app/node_modules/apollo-link-queue/node_modules/@apollo/client/link/core/types").RequestHandler' is not assignable to type 'import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink | import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/types").RequestHandler'.
                        Type 'ApolloLink' is not assignable to type 'ApolloLink | RequestHandler'.
                          Type 'import("/Users/gilga/Projekte/bliks/app/node_modules/apollo-link-queue/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink' is not assignable to type 'import("/Users/gilga/Projekte/bliks/app/node_modules/@apollo/client/link/core/ApolloLink").ApolloLink'.
                            Property 'onError' is protected but type 'ApolloLink' is not a class derived from 'ApolloLink'.ts(2322)

The packages:

    "@apollo/client": "^3.3.11",
    "apollo-link-queue": "^3.1.0",

When i do a pm list | grep apollo-link i ll get the following:

Any clue?
Thank you :)

[sajadghawami]

My mistake!

[zpmyers]

@sajadghawami What was your mistake? I seem to have the same issue.

[sajadghawami]

@zpmyers

honestly, i am not 100% sure, but i think it was a version mismatch...
try updating them and don't forget to delete the node_modules folder ^^

[zpmyers]

I think it has to do with the recent apollo update, I had mine set to use 3.4.16 and then allowed it to upgrade and it now doesn't have that issue. However, the apollo 3.5.x I ham running into some weird issues where it either queries twice or renders twice when a screen loads.

[zpmyers]

I wonder if this has anything to do with it apollographql/apollo-client#9143

[sajadghawami]

hmm not sure! are you using optimisticResponse and update in some sort?