Issue with following references in a Next.js site built off of the sanity-template-nextjs-clean template

Hi! Newbie to Sanity here. I am building a Next.js site off of the sanity-template-nextjs-clean template. However I am running into an issue with the query here. It seems that the same query when executed via the webapp isn't following references while if I use Vision from Studio it follows the reference successfully.
Query I am trying to run:

In Vision, showcaseExhibitions following the reference. While when i output the fetch() from Next.js it returns an array of nulls. If i remove the follow reference notation, I successfully the object for a reference from both approaches. Any help here? Running in a major wall here.

have you tried with just showcaseExhibitions-> ?

Turns out it is because my browser has auth to hit the API, while my next.js app isn't passing through the token.

So apparently to get the GROQ to follow references you need to be logged in.

Now the question is how to get this template to pass in token. It looks like it is supposed to get the token from Preview somehow

but that doesn't make much sense

You shouldn’t need a token to follow that reference. Is it possible that the documents in that array are drafts?

Nope it isn’t. Let me send you URL maybe you can help - https://5thk7da4.api.sanity.io/v2022-01-01/data/query/production?query=%20%20*%5B_type%2[…]%20%20%20%20header%2C%0A%20%20%20%20subheader%0A%20%20%7D

showcaseExhibitions should return an array of exhibitions if it follows the ref

Oh, I see now, you do need a token to query for that particular document since it’s on a non-root path. You can add one to your client config here .

Yep that's what I did! Thanks.

Ahh I accidentally subpathed

But know I know why this was happening. Thanks!

You’re welcome!