Websocket keeps throwing connection failed

[andreicorpo]

Screenshot
This is the log of the error, log from within the shouldRetry function:

Expected Behaviour
It should connect to the websocket, since using the Web Socket (old protocol) from the Apollo Client Docs, it connects just fine.

Actual Behaviour
The client.mjs:138 WebSocket connection to 'wss://<the-url-to-the-gql-server-here>' failed: error is thrown.

Debug Information
Here is the code for the websocket client:

const wsLink2 = new GraphQLWsLink(
  createClient({
    url: GRAPHQL_MIDDLEWARE_URL.replace("http", "ws"),
    shouldRetry: (err) => {
      console.log("shouldRetry:", err, err?.eventPhase);
      return true;
    },
    lazy: false,
    connectionParams: getExtraHeaders,
  })
);

This is the getExtraHeaders function:

const getExtraHeaders = () => ({ Authorization: AUTH, scope: IAM_SCOPE });

Here is the code for the Apollo Client:

// The multiplexing link that selects the correct transport for the correct
// GraphQL Operation
const splitTransportLink = split(
  // IF
  isSubscription,
  // THEN
  // wsLink,
  wsLink2,
  // ELSE
  httpLink
);

const client = new ApolloClient({
  link: ApolloLink.from([splitTransportLink]),
  cache: new InMemoryCache(),
});

Further Information
Anything else you might find helpful.

[enisdenjo]

It should connect to the websocket, since using the Web Socket (old protocol) from the Apollo Client Docs, it connects just fine.

As stated in the readme disclaimer, this library is not compatible with the deprecated subscriptions-transport-ws.

Please make sure that your server is running graphql-ws too, or is implementing the current GraphQL over WebSocket Protocol.