fix: guard against empty children in code component (#1918)

Michael Smith · web-flow · commit 86767b019323 · 2026-03-17T10:59:05.000-07:00
diff --git a/src/mdx/code.js b/src/mdx/code.js
@@ -78,7 +78,10 @@ function Code({className = '', prompt, children}) {
     )
   }
 
-  const code = children.trim()
+  const code = children?.trim()
+  if (!code) {
+    return null
+  }
   const isBlock = className.startsWith('language-') || code.includes('\n')
 
   if (!isBlock) {

Original file line number	Diff line number	Diff line change
`@@ -78,7 +78,10 @@ function Code({className = '', prompt, children}) {`
`78`	`78`	`)`
`79`	`79`	`}`
`80`	`80`
`81`		`- const code = children.trim()`
	`81`	`+ const code = children?.trim()`
	`82`	`+ if (!code) {`
	`83`	`+ return null`
	`84`	`+ }`
`82`	`85`	`const isBlock = className.startsWith('language-') \|\| code.includes('\n')`
`83`	`86`
`84`	`87`	`if (!isBlock) {`