Next.js SSR Key problem

[clickersmudge]

Hi,
I have a problem with SSR and key using GraphQL.

Code

export const getStaticProps: GetStaticProps = async ({ locale }) => {
  return {
    props: {
      fallback: {
        [unstable_serialize([pageQuery])]: page.page // scenario 1
        [pageQuery]: page.page // scenario 2
      },
      pageQuery
    },
    revalidate: 10,
  };
};

const Content = ({ fallback, pageQuery }: ContentProps) => {
  return (
    <SWRConfig value={{ fallback }}>
    <Page query={pageQuery} />
    </SWRConfig>
  );
};

const Page = ({query}) => {
  const { data, error, isLoading } = useSWR([query]); // scenario 1
  const { data, error, isLoading } = useSWR(query); // scenario 2

  console.log(`data exists: ${!!data}`);

  return (
      {data.title}
  );
};

In scenario 1:
The page renders correctly on the server and client side, but there is an error "TypeError: document.definitions is undefined" in the console.

TypeError: document.definitions is undefined
    extractOperationName resolveRequestDocument.js:11
    resolveRequestDocument resolveRequestDocument.js:29
    request index.js:283
    step index.js:67
    verb index.js:48
    __awaiter index.js:42
    __awaiter index.js:38
    request index.js:273
    publicWordpressApi wordpress.ts:9
    fetcher index.mjs:596
    revalidate index.mjs:205

In scenario 2, the error in the console is not present. The page renders on the server side, displays and after 10 seconds it disappears.

I do not know , which scenario is correct and which way to lean with the error.