add support for page sections on generic pages

web/src/lib/common.ts

@@ -37,8 +37,8 @@ export function unique<T>(array: any[]): any[] {
   return Array.from(array.reduce((set, item) => set.add(item), new Set()));
 }
 
-const BlockFragmentDefinition = graphql(`
-  fragment Blocks on StreamFieldInterface {
+const OneLevelOfBlocksFragmentDefinition = graphql(`
+  fragment OneLevelOfBlocks on StreamFieldInterface {
     id
     blockType
     field
@@ -93,6 +93,19 @@ const BlockFragmentDefinition = graphql(`
   }
 `);
 
+const BlockFragmentDefinition = graphql(`
+  fragment Blocks on StreamFieldInterface {
+    ... on PageSectionBlock {
+      title
+      backgroundColor
+      body {
+        ...OneLevelOfBlocks
+      }
+    }
+    ...OneLevelOfBlocks
+  }
+`);
+
 const ImageFragmentDefinition = graphql(`
   fragment Image on CustomImage {
     id