Usage with URQL

[vaniyokk]

@kitten Sorry for the dummy question, maybe I misunderstood something.

I'm using urql in my Next.js application and want to reduce my bundle using this package.
I noted that i'm still loading both graphql and graphql.web

I followed a guide to setup webpack alias for graphql package in client bundle. After that, I started receiving following errors for all of my client-side queries.

The files generated by graphql-codegen contains imports of gql utility from graphql-tag, which depends on graphql and seems like it's not working with a graphql.web replacement.

What I'm doing wrong?

[kitten]

As per the readme, there's an alias package and instructions and how to use it here: https://github.com/0no-co/graphql-web-lite

Also, you'll want to point your GraphQL Code Generator at @urql/core‘s version of gql or rather use that directly instead of graphql-tag to avoid that dependency entirely, or use the generator to precompile your queries to the AST representation of your queries

[vaniyokk]

@kitten thanks for response!

I've read the instructions carefully and implemented the Next.js guide. Just tried to point the gqlImport config of @graphql-codegen/typescript-urql to @urql/core and seems like the client-side issue now fixed and bundle contains only graphql.web.

I'm already using @graphql-codegen/typescript-urql generator for queries. Is this one you mentioned or there is better one?

BTW, in the @graphql-codegen/typescript-urql package Docs there is a following note

Is it that better?