useTransaction doesn't work on NextJS? Do this.

[Blankeos]

I'm using the NextJS 13 Page Router (Not App Router) "next": "^13.4.8",.

I tried using useTransaction on that project and it didn't work at all. Basically what happens I open the page that uses it, doesn't load at all.

I assume this is because the query is also being ran server-side? I might be wrong but let me know...

But following on that assumption, I only added a skip property on the Transaction Query and it worked. So it might actually be the issue?

Here's the code:

  const { data } = useTransactionQuery(
    (query) => {
      return {
        awesome: query.Volumes({ limit: 1 })?.docs?.map((vol) => ({
          title: vol?.title,
          id: vol?.id,
        })),
      };
    },
    {
      skip: typeof window === 'undefined' ? true : false, // ✅ Add this!
    },
  );

Sharing my solution here on Discussions for anyone learning GQTY and encountering similar problems. I really think this project has a huge potential. Keep up the great work!!