Error when trying to create a dynamic query using Gatsby + Sanity

Hello, I'm using Gatsby + Sanity and the Gatsby static GraphQL queries have been working great. I am now trying to create a dynamic query using

fetch

or

axios

but I'm getting the following error
returned with a 400 status code. I'm using the same query that was a static query before. I've even tried using an external tool and the Vision tool with the same results.

I'm guessing I'm just doing it wrong, but my URL appears correct and, like I said, my query is unchanged

The Vision plugin can only handle GROQ queries. For GraphQL queries, you can use the playground (if you request one when you deploy your GraphQL API) or in GraphiQL, which I believe will live on localhost:8000 when you run

npm run dev

on your front end.

OK, that makes sense. I still have the same problem in tools like Insomnia or even in my app

OK, that makes sense. I still have the same problem in tools like Insomnia or even in my app

From Insomnia

Is your URL in Insomnia something like ?

Is your URL in Insomnia something like ?

yes

yes

Is that a GROQ specific url?

It is. Behind the scenes, we actually convert GraphQL queries to GROQ.
In your terminal, if you run

sanity graphql deploy --playground

in your studio folder you should get a URL at the end of the output, like this (as long as everything succeeds):

If you go to that URL, you should be able to try your queries.

ahhh OK, I will give it a shot

ahhh OK, I will give it a shot

Got it! Thanks a lot for the help

I also need to remove the edges/node stuff. Is that also GROQ-related?

I think that’s because you’re in GraphQL Playground , which lets you test queries a bit more easily. I’m fairly sure you’ll still need your nodes/edges when you’re testing in GraphiQL (on your front end) and writing your queries in Gatsby.

OK, gotcha. Thanks again!