GROQ Error - 'Unknown Query Parameter "Slug.Current"'

Hello folks! 👋 I've finally had the chance to try Sanity out. GROQ seems really powerful but i'm having a strange issue with it.
When using the simple query *[ _type == "post" && slug.current == "${slug}"] i get the following error:

error: {
description: 'Unknown query parameter "slug.current"',
names: [ 'slug.current' ],
type: 'httpUnknownQueryStringParameters'
}

I've double checked in Vision that the query does work over there and that this is the correct key. Using just [ _type == "post"] works fine.

Any guidance in the right direction is very much appreciated, thank you!

I think you should rewrite it without quotes, like this:

*[ _type == "post" && slug.current == $slug]

Appreciate the answer. It didn't work for me. But I found a solution, I had to encode the query with encodeURIComponent. After this it worked!

Are you sending out a raw query? Or through the API client? I believe the API client would take care of that automatically.

It's a raw query through fetch. I think you might be right.

Ah, that explains it then! And also the difference in syntax (js. interpolation vs. GROQ params passed to the

client.fetch

method).

I'm gonna have to checkout the API client, didn't know it existed. Thanks a lot man!

Appreciate the answer. It didn't work for me. But I found a solution, I had to encode the query with encodeURIComponent. After this it worked!

Are you sending out a raw query? Or through the API client? I believe the API client would take care of that automatically.

It's a raw query through fetch. I think you might be right.

Ah, that explains it then! And also the difference in syntax (js. interpolation vs. GROQ params passed to the

client.fetch

method).