Stubbed response not available in application

[sujanbasnet1]

I have a test where I intercept, stub, and wait for a GraphQL request. In Cypress I can see that the request was intercepted and clicking on it logs the stubbed response, however, in the application the response is undefined.

I'm stubbing a request generated using useQuery hook from Apollo Client.

/* spec */
describe('Users', function () {
    beforeEach(() => {
        cy.intercept('POST', '/v1/graphql', (req) => {
            if (hasOperationName(req, 'Users')) {
                req.alias = 'users'

                req.reply({
                    data: {
                        users: [{ id: '1' }],
                    },
                })
            }
        })
    })

    it('Should show users', () => {
        cy.visit('/account')
        cy.wait('@users')

        cy.get('[data-cy="user-card"]').should('exist')
    })
})

When I click on the request from the Cypress logs, this is what it logs to the browser console.

But when I log in the application code, the response is undefined.

/* application code */

const {data, error} = useQuery(UsersQuery) // data and error both are undefined here

[sujanbasnet1]

Okay, this had nothing to do with Cypress. Apollo client requires the signature of the response to match the signature of the query, my stubbed responses didn't match.