cache.readFragment returns null even when passed the correct key as it is in the cache records.

[webdevavi]

I am building a twitter clone app where a tweet is called a quack. I am fetching quacks with a query called "quacksForMe". The query returns a "PaginatedQuacks" entity which has the following structure..

PaginatedQuack {
    quacks {
      ...RegularQuack
    }
    hasMore
}

I have a pagination for it in which the returning object's structure is like this

return {
    __typename: "PaginatedQuacks",
    hasMore,
    quacks,
  };

In the cacheExchage's updates object I have a method for liking a quack in which I am trying to read fragment for the quack which has to be updated like this

const _key = cache.keyOfEntity({
        __typename: "Quack",
        id: quackId,
    });

const _quack = cache.readFragment(
    gql(`
        fragment _ on Quack {
            id
            likes
            likeStatus
        }
    `),
    _key
);

The "_quack" is always null even though when I tried to log the whole cache in console I can see the quack object with the exact same key available in the records in cache.

records: {
    base: [
        {"Quack:480" => Object}
        {"Quack:479" => Object}
    ]
}

I am really confused as why is this not working.