A page very much behaves like a post. The differences are mostly in capabilities. A page can never be a collection. You cannot assign taxonomies like categories or tags to a page. A page is considered to be completely independent.
You will recieve the data inside props and you can access the below result using props.data
{loading: true,post: {id: 1,title: "Another day on the terrace",body: "It was January ...",status: "publish",createdAt: "2019-11-22T13:24:00.166Z",publishedAt: "2019-11-22T13:24:00.166Z",updatedAt: "2019-11-24T01:27:44.828Z",excerpt: "Beatae alias ullam. Commodi modi et voluptatem quam. Nostrum occaecati ut id rem omnis soluta. Distinctio facere quia laudantium quia numquam vero iste.",cover_image: "/uploads/6.jpg",slug: "post-6",cover_image_width: 1100,cover_image_height: 600,type: "page",reading_time: '3 min read',author: {fname: "John1",lname: "Dave",avatar: "/admin/images/avatar.png",bio: "Provident quis sed perferendis sed.",__typename: "Author"},__typename: "Post"}}
This is an example component of how your Post code may look like.
const Page: IThemeContainer['Page'] = ({ router, settings, data }) => {if (loading) return <Loader />;if (!data || data.post === null) {return (<div>"Sorry, this page does not exist or might be restricted."<div/>);}const { post } = data;return (<div><Articlepost={post}settings={settings}/></div>);};