Ssr with Apollo and Next.js: code in page

ssrPage.js

import {gql, useQuery} from '@apollo/client'
import {Grid} from "@material-ui/core";
import {serverSideTranslations} from 'next-i18next/serverSideTranslations';
import {addApolloState, initializeApollo} from '../apollo/client'
import {getDataFromTree} from "@apollo/client/react/ssr";

export async function getServerSideProps(context) {
    const client = initializeApollo({})
    // await getDataFromTree(SsrPage) (not working: see bug report)
    const query1 = await client.query({query: ComplaintsQuery})
    const query2 = await client.query({query: TrendingComplaintsQuery})

    const {locale} = context
    const documentProps = addApolloState(client, {
        props: {...(await serverSideTranslations(locale, ['header', 'complaintList', 'footer']))},
    })

    // Will be passed to the page component as props
    return {props: documentProps.props}
}

export default function SsrPage(props) {
    //your react standard code here
}