export default function({component, exact, path}){
const { loading, error, data } = useQuery(QUERY_PAGE, {
ssr: true,
variables: {
path
}
});
if (loading){
return <Indicator />
}
if (error){
return <div>{error.message}</div>
}
const { title, description } =
data.page;
return <Route
exact={exact}
path={path}
render={({ staticContext }) => {
if (typeof document !== 'undefined') {
document.title = title;
document.querySelector('meta[name="description"]').setAttribute("content", description);
} else if (staticContext) {
staticContext.title = title;
staticContext.description = description;
}
return component;
}}
/>
}