getDocumentProps(pageProps) and useQuery/Apollo Client in React

[Sokratesli]

hello

I want to include data from a graphql DB via usequery into the getDocumentProps(pageProps) function. Unfortunately this seems to break the rules of React-Hook.

I already tried to write a function which writes the data into the pageProps. Did not work. Code example attached (based on onBeforeRender):

export function PushDataToPageProps(pageProps) {
  const {
    data: metaData,
    error: metaError,
    loading: metaLoading,
  } = useQuery(getMetaData);

  if (metaLoading) return "";
  if (metaError)
    return Oops there has been an error: ${metaError};

  return {
    pageContext: {
      pageProps: {
        title: metaData.metaTitle,
        description: metaData.metaDescription,
        author: metaData.metaAuthor,
        type: metaData.metaType,
        image: metaData.metaImage,
      },
    },
  };
}

[brillout]

(Seems like a user land issue.)