Offline exchange not working as expected React Native

[lsarni]

We have 2 clients on our React Native app, the first one uses Provider and the second one just gets passed as a variable to some functions. The offlineExchange doesn't seem to work for the second one, and we can't figure out why.

Here is the client:

return createClient({
  url: `${process.env.EXPO_PUBLIC_BASE_URL}/api/graphql`,
  exchanges: [
    ...(__DEV__ ? [devtoolsExchange] : []),
    requestPolicyExchange({
      ttl: 60 * 60 * 1000, // 1 hour
    }),
    offlineExchange({
      schema,
      storage,
      resolvers: {
        Query: {
          tenant: (_, args) => ({ __typename: 'Tenant', id: args.id }),
        },
      },
      keys: {
        TenantsResponse: () => null,
        ScheduleWeek: () => null,
        ScreeningWeek: () => null,
      },
    }),
    fetchExchange,
  ],
});

And we use it in this function:

export async function fetchTenant(
  client: Client,
  tenantId: string,
  language: string
): Promise<Tenant | undefined> {
  return await client
    .query<TenantQuery, TenantQueryVariables>(
      TenantDocument,
      {
        id: tenantId,
        locale: language,
      },
      { requestPolicy: 'cache-and-network' }
    )
    .toPromise()
    .then((response) => {
      return response.data?.tenant || undefined;
    });
}

That calls this query

query tenant($id: String!, $locale: String!) {
  __typename
  tenant(id: $id, locale: $locale) {
    __typename
    ...tenant
  }
}

With the variables

{
  id: "development",
  locale: "en-GB"
}

Then we fully close the app, and reopen it without a connection. The request fails:

And the explorer tab doesn't list any result for tenant, it does have results from the cache for the requests of the other client.

Any tips on how we can try to figure out what is wrong or things we could try to change?