Merge pull request #7176 from layer5io/copilot/fix-gatsby-build-issue

[gatsby-config] Fix RSS feed build failure - replace deprecated MDX html field with excerpt

Author: leecalcote

gatsby-config.js

@@ -115,7 +115,8 @@ module.exports = {
               filter: { frontmatter: { published: { eq: true }${process.env.NODE_ENV === "development" ? ", date: { gte: \"2024-01-01\" }" : ""} } }
             ) {
               nodes {
-                html 
+                # Using excerpt instead of html because gatsby-plugin-mdx v5+ removed the html field
+                excerpt
                 frontmatter {
                   title
                   author
@@ -167,7 +168,7 @@ module.exports = {
                     enclosure: node.frontmatter.thumbnail && {
                       url: site.siteMetadata.siteUrl + node.frontmatter.thumbnail.publicURL,
                     },
-                    custom_elements: [{ "content:encoded": node.html }],
+                    custom_elements: [{ "content:encoded": node.excerpt }],
                   });
                 });
             },
@@ -192,7 +193,7 @@ module.exports = {
                     enclosure: node.frontmatter.thumbnail && {
                       url: site.siteMetadata.siteUrl + node.frontmatter.thumbnail.publicURL,
                     },
-                    custom_elements: [{ "content:encoded": node.html }],
+                    custom_elements: [{ "content:encoded": node.excerpt }],
                   });
                 });
             },
@@ -217,7 +218,7 @@ module.exports = {
                     enclosure: node.frontmatter.thumbnail && {
                       url: site.siteMetadata.siteUrl + node.frontmatter.thumbnail.publicURL,
                     },
-                    custom_elements: [{ "content:encoded": node.html }],
+                    custom_elements: [{ "content:encoded": node.excerpt }],
                   });
                 });
             },
@@ -242,7 +243,7 @@ module.exports = {
                     enclosure: node.frontmatter.thumbnail && {
                       url: site.siteMetadata.siteUrl + node.frontmatter.thumbnail.publicURL,
                     },
-                    custom_elements: [{ "content:encoded": node.html }],
+                    custom_elements: [{ "content:encoded": node.excerpt }],
                   });
                 });
             },
@@ -276,7 +277,7 @@ module.exports = {
                       url: site.siteMetadata.siteUrl + node.frontmatter.thumbnail.publicURL,
                     },
                     custom_elements: [
-                      { "content:encoded": node.html },
+                      { "content:encoded": node.excerpt },
                       { "content:type": node.frontmatter.type },
                       { "content:category": node.frontmatter.category },
                       { "content:tags": node.frontmatter.tags?.join(", ") || "" },
@@ -305,7 +306,7 @@ module.exports = {
                     enclosure: node.frontmatter.thumbnail && {
                       url: site.siteMetadata.siteUrl + node.frontmatter.thumbnail.publicURL,
                     },
-                    custom_elements: [{ "content:encoded": node.html }],
+                    custom_elements: [{ "content:encoded": node.excerpt }],
                   });
                 });
             },
@@ -330,7 +331,7 @@ module.exports = {
                     enclosure: node.frontmatter.thumbnail && {
                       url: site.siteMetadata.siteUrl + node.frontmatter.thumbnail.publicURL,
                     },
-                    custom_elements: [{ "content:encoded": node.html }],
+                    custom_elements: [{ "content:encoded": node.excerpt }],
                   });
                 });
             },

src/sections/Learn/Workshop-grid/index.js

@@ -101,7 +101,8 @@ const WorkshopsPage = () => {
           <div className="workshop-grid-wrapper">
             <Row style={{
               flexWrap: "wrap"
-            }}>
+            }}
+            >
               {data.allMdx.nodes.map(({ id, frontmatter, fields }) => (
                 <Col {...content && ID === id ? { $xs: 12, $sm: 12, $lg: 12 } : { $xs: 12, $sm: 6, $lg: 4 } } key={id} className="workshop-grid-col">
                   <div className="workshop-grid-card" ref={(el) => {