import { GetServerSideProps } from 'next'; import { useQuery } from '@apollo/react-hooks'; import Head from 'next/head'; import { initializeApollo } from '../../../lib/apolloClient'; import Nav from '../../../components/home/Nav'; import About from '../../../components/dataset/About'; import Org from '../../../components/dataset/Org'; import Resources from '../../../components/dataset/Resources'; import { GET_DATASET_QUERY } from '../../../graphql/queries'; const Dataset: React.FC<{ variables: any }> = ({ variables }) => { const { data, loading } = useQuery(GET_DATASET_QUERY, { variables }); if (loading) return

; const { result } = data.dataset; return ( <> Portal | {result.title || result.name}

{result.title || result.name}

); }; export const getServerSideProps: GetServerSideProps = async (context) => { const apolloClient = initializeApollo(); const variables = { id: context.query.dataset, }; await apolloClient.query({ query: GET_DATASET_QUERY, variables, }); return { props: { initialApolloState: apolloClient.cache.extract(), variables, }, }; }; export default Dataset;