jsx import { jsx } from '@emotion/core' ; import React , { Suspense } from 'react' ; import { Helmet } from 'react-helmet' ; import baseStyles from '../base.module.scss' ; import { Invite } from '../invite' ; import { usePaperStore } from '../stores/paper' ; import { LoaderPlaceholder } from './LoaderPlaceholder' ; import { MenuBars } from './MenuBars' ; const PageContent = React . lazy ( ( ) => import ( './PdfPaperPage' ) ) ; export const PdfPaperPage = ( { showInviteOnLoad } ) => { const title = usePaperStore ( state => state . title ) ; return ( < div className = { baseStyles . fullScreen } > < Helmet > < title > { title || 'SciHive' } < /title> < /Helmet> < Invite / > < MenuBars /> < Suspense fallback = { < LoaderPlaceholder / > } > < PageContent showInviteOnLoad = { showInviteOnLoad } /> < /Suspense> < /div>); } ;