Decoupling content from layout in headless CMS, challenges with interactive articles & live preview solutions

 {
            title: 'Sections',
            name: 'sections',
            type: 'array',
            sortable: true,
            of: [
                {
                    type: 'reference',
                    to: [
                        { type: 'contentblock' },
                        { type: 'twocolumns' }
                    ]
                }]
        }

defineField({
      name: "sectionBlocks",
      type: "array",
      title: "Content Blocks",
      description: "Add, and edit section blocks",
      of: [
        {
          type: "reference",
          to: [
            { title: "Section Block", type: "sectionBlock" },
            { title: "Form", type: "form" },
            { title: "Tag Index", type: "tagIndex" }
          ],
        },
      ],
      hidden: ({ document }: any) => {
        if (
          document.sectionType != "Player" &&
          document.sectionType != "Article"
        ) {
          return false;
        } else {
          return true;
        }
      },
      group: 'blocks',
    }),