Ssr queries are also being fetched on client side

[teovillanueva]

When navigating between pages urql is sending client side GraphQL requests and the ssr is also sending the requests

I've checked and in the profile.json inside __NEXT_DATA__ the urqlState has the fullfilled queries so there should be no call to graphql in the client side

This is my HOC

const withGraphQLClient = withUrqlClient(
  (ssrExchange, ctx) => ({
    url:
      typeof window === 'undefined'
        ? process.env.NEXT_PUBLIC_GRAPHQL_API_ENDPOINT!
        : '/api/proxy/graphql',
    exchanges: [
      devtoolsExchange,
      dedupExchange,
      cacheExchange,
      ssrExchange,
      authExchange({
        async getAuth() {
          return ctx?.req?.headers.cookie;
        },
        addAuthToOperation({ authState, operation }) {
          if (!authState) {
            return operation;
          }

          const fetchOptions =
            typeof operation.context.fetchOptions === 'function'
              ? operation.context.fetchOptions()
              : operation.context.fetchOptions || {};

          return makeOperation(operation.kind, operation, {
            ...operation.context,
            fetchOptions: {
              ...fetchOptions,
              headers: {
                ...fetchOptions.headers,
                cookie: authState,
              },
            },
          });
        },
      }),
      fetchExchange,
    ],
  }),
  { ssr: true }
)

[teovillanueva]

Hello, I don't mean to be bother, but can anyone help me with this? 🙏🏻

[JoviDeCroock]

SSR: true means you are relying on the built-in ssr-prepass rendering, while profile.json implies you are working with getServerSideProps or getStaticProps, docs. Just mentioning this as it implies you are already doing double work.

It is possible that we are missing a state here to restore subsequent server-side fetched pages

[teovillanueva]

Thanks for answering, should I open an issue?

BTW: im using next 12.2.5