Fix dynamic handling of special wp pages

Author: ravewebdev

pages/404.js

@@ -13,15 +13,17 @@ import Page from './[...slug]'
  * @return {Element}          The Search component.
  */
 export default function Custom404({post}) {
+  const {seo, ...postData} = post
+
   // Display dynamic page data if 404 page retrieved from WP.
-  if (post) {
+  if (postData && Object.keys(postData).length > 0) {
     return <Page post={post} />
   }
 
   return (
-    <Layout seo={{...post?.seo}}>
+    <Layout seo={{...seo}}>
       <h1>404 Not Found</h1>
-      <p>That post could not be found!</p>
+      <p>That page could not be found!</p>
     </Layout>
   )
 }

pages/index.js

@@ -16,14 +16,16 @@ const postType = 'page'
  * @return {Element}          The HomePage component.
  */
 export default function HomePage({post}) {
+  const {seo, ...postData} = post
+
   // Display dynamic page data if homepage retrieved from WP.
-  if (post) {
+  if (postData && Object.keys(postData).length > 0) {
     return <Page post={post} />
   }
 
   // Display static page content as fallback.
   return (
-    <Layout seo={{...post?.seo}}>
+    <Layout seo={{...seo}}>
       <Hero
         background="https://images.unsplash.com/photo-1513106021000-168e5f56609d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=2560&q=70"
         title="Next.js Starter"