feat: splitpages now have better rich content support

components/BlogPost.tsx

@@ -21,7 +21,7 @@ export default function BlogPost(props: Props) {
       dispatch(setPageType(PageType.POST));
       dispatch(setPostTitle(post.title));
     }
-  }, []);
+  }, [dispatch, post]);
 
   return (
     <>

pages/[page].tsx

@@ -58,9 +58,10 @@ export async function getStaticProps({ params }) {
       page = await cms.fetchPageById(SideMenuItem[id]);
     } else {
       page = await cms.fetchEntryBySlug(url, 'post');
+    }
+
     // embedded links in post body need metadata for preview
     page.body = await generateLinkMeta(page.body);
-    }
 
     return {
       props: {

pages/preview/[...slug].tsx

@@ -48,9 +48,10 @@ export const getServerSideProps: GetServerSideProps = async (
       let query = slug;
       if (slug.indexOf('blog/') >= 0) query = slug.split('blog/')[1];
       page = await cms.fetchEntryPreview(query, 'post');
+    }
+
     // embedded links in post body need metadata for preview
     page.body = await generateLinkMeta(page.body);
-    }
 
     console.log(`Built Preview %c${slug}`, 'color: purple;');
     return {

services/cms.tsx

@@ -2,8 +2,8 @@ import { Block, Document, Inline } from '@contentful/rich-text-types';
 import {
   ContentfulClientApi,
   EntryCollection,
-  createClient,
   Tag,
+  createClient,
 } from 'contentful';
 import {
   IAuthor,
@@ -335,7 +335,7 @@ export class CmsApi {
     };
   };
 
-  public convertPage = (rawData): ISplitPage => {
+  public convertPage = (rawData: any): ISplitPage => {
     const rawPage = rawData.fields;
     const rawHero = rawPage?.hero ? rawPage?.hero?.fields : null;