prefetch() within getServerSideProps does not provide data upon manual refreshing

Within getServerSideProps:

await ssh.user.getDepositInfo.prefetch(userId);
await ssh.user.getFQOperationHistory.prefetch(userId);

return { props: { trpcState: ssh.dehydrate(), } };

When I'm trying to use useContext() queries in a component, initially data is flowing, but when I force refresh ( command + R ), data is undefined at first, then populated.

const utils = api.useContext();
const data = utils.user.getDepositInfo.getData(user?.id); //undefined
const list = utils.user.getFQOperationHistory.getData(user?.id); //undefined

Is there something I'm doing wrong? How do I get around it?
Was this page helpful?