🐛 Re-add support for ReactNode captions

Merges #368
jossmac · May 2, 2020 · 7d26913 · ogheo · May 2, 2020 · davwheat
2 parents c9b1c31 + de33fdb
commit 7d26913
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/index.d.ts b/index.d.ts
@@ -33,7 +33,7 @@ export interface TrackProps {
   onSwipeStart?: () => void;
   onViewChange?: (view: number) => void;
   springConfig?: { [key: string]: number };
-  swipe?: boolean| 'mouse' | 'touch';
+  swipe?: boolean | 'mouse' | 'touch';
   swipeThreshold?: number;
   tag?: any;
   viewsToMove?: number;

diff --git a/src/components/Footer.js b/src/components/Footer.js
@@ -102,7 +102,13 @@ export const FooterCaption = (props: ViewType) => {
       css={getStyles('footerCaption', props)}
       className={className('footer__caption', state)}
     >
-      {ParseHtml(`<span>${caption}</span>`)}
+      {/*
+       * Render a string caption using ParseHtml in case we were passed a
+       * string with HTML. All other types are rendered by JSX by default.
+       */}
+      {caption instanceof string
+        ? ParseHtml(`<span>${caption}</span>`)
+        : caption}
     </Span>
   );
 };