No response from subscription in React code.

[hansehe]

I've tried to implement graphql-sse in a react application with vite as you can see here:

• https://github.com/hansehe/graphql-gateway/blob/wundergraph/client/sse-client/src/App.tsx

The react application is a test to verify a successfull graphql SSE subscription, which I have confirmed works from the backend with a graphiql playground.

The graphql subscription successfully connects as a SSE connection, which I can see in the terminal, and it receives the expected events in the terminal. But, none of the events show up in the code, where I expect the 'next' function to receive each event and log it to the console. The code only confirms a successfull connection.

To describe the steps:

1. The SSE subscription works well in the graphiql playground:

2. The same SSE subcription should work with graphql-sse in react, and it successfully connects and receives events on the connection seen in the terminal:

   

3. But none of the events (as they have been received on the connection as seen in the terminal), are handled by the code.

The problem is replicable using this branch:

• https://github.com/hansehe/graphql-gateway/blob/wundergraph

Steps to boot up everything (need python, node and docker):

pip install DockerBuildManagement
# Run bakground services which are stitched togheter by the wundegraph graphql gateway - Note: the services are compiled for amd64
dbm -swarm -start
# Build and run the graphql gateway (wundergraph)
dbm -build -run service
# The graphql gateway is hosted on http://localhost:8181/graphql

# Run React client
cd ./client/sse-client
npm ci
npm run dev
# hosted on http://localhost:3001

Graphql subscription (test out in playground and starts in the react app automatically):

subscription {
  mqttSubscription {
    payload
  }
}

Graphql mutation to send an event (run in the playground at http://localhost:8181/graphql):

mutation {
  mutateMqtt {
    topics
  }
}

I really appreciate any help here!

Best regards. Hans Erik