From eef06aa766dfb78e109bd65311cd9ee27acd743f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Eugenio=20Do=C3=B1aque?= <eugenio@donaque.xyz>
Date: Mon, 19 Aug 2024 11:04:45 +0200
Subject: [PATCH] Add `rehypeRaw` plugin to `ReactMarkdown` in `TeamMember`

This plugins allows rendering embedded HTML in markdown text
---
 src/components/People/index.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/People/index.tsx b/src/components/People/index.tsx
index b9da2810c44b..e8e45db4fb0e 100644
--- a/src/components/People/index.tsx
+++ b/src/components/People/index.tsx
@@ -11,6 +11,7 @@ import { SEO } from '../seo'
 import TeamStat, { pineappleOnPizzaStat } from './TeamStat'
 import { StaticImage } from 'gatsby-plugin-image'
 import ReactMarkdown from 'react-markdown'
+import rehypeRaw from 'rehype-raw'
 import SideModal from 'components/Modal/SideModal'
 import { Profile } from '../../templates/Team'
 
@@ -66,7 +67,9 @@ export const TeamMember = (props) => {
                         />
                     </figure>
                     <div className="overflow-hidden absolute h-full w-full inset-0 p-4 bg-accent dark:bg-accent-dark">
-                        <ReactMarkdown className="text-sm bio-preview">{biography}</ReactMarkdown>
+                        <ReactMarkdown rehypePlugins={[rehypeRaw]} className="text-sm bio-preview">
+                            {biography}
+                        </ReactMarkdown>
                         <div className="bg-gradient-to-t from-accent dark:from-accent-dark to-transparent absolute inset-0 w-full h-full" />
                     </div>
                 </div>