Merge pull request #139 from grundeinkommensbuero/hamburg-setHTMLHero

Update index.tsx
grundeinkommensbuero · Jul 10, 2024 · 5d35e73 · 5d35e73
2 parents 55786f2 + 841637f
commit 5d35e73
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/components/Hero/index.tsx b/components/Hero/index.tsx
@@ -36,7 +36,13 @@ export const Hero = ({
           />
         </div>
       )}
-      {heroHTML && <div className={s.heroHTMLContainer}>{heroHTML}</div>}
+      {/* see https://legacy.reactjs.org/docs/dom-elements.html#dangerouslysetinnerhtml and https://blog.logrocket.com/using-dangerouslysetinnerhtml-react-application/ */}
+      {heroHTML && (
+        <div
+          className={s.heroHTMLContainer}
+          dangerouslySetInnerHTML={{ __html: heroHTML }}
+        />
+      )}
       {heroTitle && <h1 className={cN(s.title, s.titles)}>{heroTitle}</h1>}
       {heroSubTitle && (
         <h3 className={cN(s.subTitle, s.titles)}>{heroSubTitle}</h3>