Fix Markdown rendering inside templates. (#1219)

* Fix Markdown rendering inside templates. * Changeset
FormidableLabs · Sep 12, 2022 · 055d9c6 · 055d9c6
1 parent f37c35d
commit 055d9c6
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/.changeset/tiny-buses-fold.md b/.changeset/tiny-buses-fold.md
@@ -0,0 +1,5 @@
+---
+'spectacle': patch
+---
+
+Fixed Notes node tree generation inside Markdown component.
diff --git a/packages/spectacle/src/components/markdown/markdown.tsx b/packages/spectacle/src/components/markdown/markdown.tsx
@@ -178,10 +178,15 @@ export const Markdown = forwardRef<HTMLDivElement, MarkdownProps>(
  });
 
  // Transform and compile the notes AST.
- const transformedNotesAst = notesCompiler.runSync(extractedNotes);
- const noteElements = notesCompiler.stringify(transformedNotesAst);
-
- return [templateProps, noteElements] as const;
+ if (
+ Array.isArray(extractedNotes.children) &&
+ extractedNotes.children.length >= 1
+ ) {
+ const transformedNotesAst = notesCompiler.runSync(extractedNotes);
+ const noteElements = notesCompiler.stringify(transformedNotesAst);
+ return [templateProps, noteElements] as const;
+ }
+ return [templateProps, null] as const;
  }, [
  rawMarkdownText,
  getPropsForAST,