React Query all of a sudden returns an error but the request is successful

[steveariss]

Greetings,

I sat down to do some coding today only to find that I wasn't able to log into my app. "That's odd" I said to myself, it was working fine when I left it a few days ago.

After a lot of troubleshooting, I've gotten no where.

I'm using React Query to get data from my GraphQL server in a NextJS environment.

The odd thing is, the request works fine. I get data back correctly when I inspect it in the developer tools.

For some reason, React Query keeps throwing the error below:

client.js:1 Error: GraphQL Error (Code: 200): {"response":{"error":"{\"data\":{\"user\":{\"id\":\"cl4ptzeje00099iqcobey1hn9\",\"lastName\":\"Doe\",\"firstName\":\"John\",\"email\":\"[email protected]\",\"role\":\"SUPERADMIN\",\"profile\":{\"currentLibraryId\":\"cl6v0r2nr0000oqqc6ttm8vnz\"},\"memberships\":[{\"library\":{\"id\":\"cl6v0r2nr0000oqqc6ttm8vnz\",\"displayName\":\"Hamilton Library\"}},{\"library\":{\"id\":\"cl6v0r3wd0000q8qch6hxasj5\",\"displayName\":\"Haldimand-Norfolk Library\"}}]}}}","status":200,"headers":{"map":{"3":"8","a":"c","c":"o","connection":"close","date":"Mon, 19 Jun 2023 05:20:20 GMT","h":"t","p":"O","t":"r","transfer-encoding":"chunked","x":"-","content-type":"text/xml"}}},"request":{"query":"\n query WhoAmIAdmin($id: String = \"\") {\n user(id: $id) {\n id\n lastName\n firstName\n email\n role\n profile {\n currentLibraryId\n }\n memberships(distinct: true) {\n library {\n id\n displayName\n }\n }\n }\n}\n ","variables":{"id":"cl4ptzeje00099iqcobey1hn9"}}}

As you can see, my requested data is there! The only thing that seems off is the content-type being text/xml. But I can't see this response header when I inspect the request (but all the others are there).

I even copied the request over to postman but didn't have any issues there nor did I get a xml response.

I'm pretty stumped at the moment to say the least.

I'm running React Query v.4.29.13 and my request client is graphql-request v6.1.0

I should mention that I deployed my code to Vercel this evening and there are no issues. I've also tried a different browser in case something wonky was going on with Chrome.

The only other thing that's changed with my mac was I did the recent xcode update.

Anyone have the slightest clue what's going on?

[steveariss]

Turns out it's GraphQL Yoga v4.0.1.

If you come across this issue, check out the github issue