fetching behaves differently on production

[spicy-firefly]

We've been using urql for years, and it's been serving us quite well this whole time.

However, recently, fetching started to behave differently on production, compared to dev environment, for a query that uses RelayPagination.

How pagination is configured:

import { relayPagination } from '@urql/exchange-graphcache/extras';
...
const resolvers: ResolverConfig = {
  Query: {
    ...
    messages: relayPagination(),
    ...
  },
};

which is then used to configure cache exchange:

const exchange: Exchange = cacheExchange({
  keys,
  optimistic,
  resolvers,
  schema,
  updates,
});

which is then used to configure the client:

const exchanges: Exchange[] = [
  refocusExchange(),
  cacheExchange,
  errorExchange,
  authExchange,
  fetchExchange,
  subscriptionExchange,
];
...
const client: Client = createClient({
  exchanges,
  url: GRAPHQL_URL,
});

The query itself runs like so:

const [{ data, error, fetching }] = useQuery({
  query: MessagesDocument,
  variables: {
    topicId,
    ...paginationState,
  },
});

When fetching the 1st page, fetching === true on both dev and production.
But, when fetching the 2nd page, production says fetching === true, while dev says fetching === false.
Previously, fetching was false on all environment when loading subsequent pages.

I need fetching info to show the skeleton, but I want to do it for 1st page only.

Prod and dev use the same version of urql:

{
  "@urql/exchange-auth": "2.1.6",
  "@urql/exchange-graphcache": "6.3.3",
  "@urql/introspection": "1.0.2",
  "urql": "4.0.5",
}

Any suggestions as to what could be the difference?

Thanks in advance!