Graphql error on the template

[felpsio]

What is the location of your example repository?

template repo

Which package or tool is having this issue?

Hydrogen

What version of that package or tool are you using?

1.0.5

What version of Remix are you using?

1.15.0

Steps to Reproduce

In the template created open app/routes/($lang).products._index.tsx, on the line 157, in const ALL_PRODUCTS_QUERY you're going to find a warning: Syntax Error: Unexpected <EOF>.GraphQL: Syntax.

This error is present on basically all queries that concatenate strings from other variables.

Expected Behavior

No warning or error is show

Actual Behavior

Shows ``Syntax Error: Unexpected .GraphQL: Syntax.

[frehner]

I haven't dug deeply into it, but it appears to be an issue with the GraphQL Plugin for our IDEs. The query still works, but the GraphQL plugin struggles with the syntax.

For example: graphql/graphiql#1842 (comment)

We could fix it by putting the fragment at the end of the query, instead of at the beginning.

[felpsio]

Hm... good suggestion. Looks like putting the fragments at the end solves it for now: the query seems to still work normally and it removes the warning from the IDE :)