Merge pull request #1435 from prezly/feature/dev-22697-json-feed-header-tags-mismatch

fgyimah · web-flow · commit b4f0235fd458 · 2026-03-26T11:54:42.000Z
[DEV-22697] Fix - Align story heading levels between rendered page and JSON output
diff --git a/src/components/RichText/Heading.tsx b/src/components/RichText/Heading.tsx
@@ -20,8 +20,8 @@ export function Heading({ node, children }: Props) {
     });
 
     if (node.type === HeadingNode.Type.HEADING_ONE) {
-        return <h2 className={className}>{children}</h2>;
+        return <h3 className={className}>{children}</h3>;
     }
 
-    return <h3 className={className}>{children}</h3>;
+    return <h4 className={className}>{children}</h4>;
 }

Original file line number	Diff line number	Diff line change
`@@ -20,8 +20,8 @@ export function Heading({ node, children }: Props) {`
`20`	`20`	`});`
`21`	`21`
`22`	`22`	`if (node.type === HeadingNode.Type.HEADING_ONE) {`
`23`		`- return <h2 className={className}>{children}</h2>;`
	`23`	`+ return <h3 className={className}>{children}</h3>;`
`24`	`24`	`}`
`25`	`25`
`26`		`- return <h3 className={className}>{children}</h3>;`
	`26`	`+ return <h4 className={className}>{children}</h4>;`
`27`	`27`	`}`