From c856501abf48748a1c1516e3413e57e1ea4fa8ec Mon Sep 17 00:00:00 2001
From: Eric Sanner <eric.sanner@perficient.com>
Date: Tue, 9 Apr 2024 14:37:57 -0400
Subject: [PATCH] Call dangerously set to allow script tags

---
 src/Project/Sugcon2024/Sugcon/package.json                     | 1 +
 src/Project/Sugcon2024/Sugcon/src/components/Events/Agenda.tsx | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Project/Sugcon2024/Sugcon/package.json b/src/Project/Sugcon2024/Sugcon/package.json
index 84b96aac..b166d314 100644
--- a/src/Project/Sugcon2024/Sugcon/package.json
+++ b/src/Project/Sugcon2024/Sugcon/package.json
@@ -47,6 +47,7 @@
     "bootstrap": "^5.1.3",
     "cheerio": "^1.0.0-rc.12",
     "clsx": "^2.1.0",
+    "dangerously-set-html-content": "^1.1.0",
     "font-awesome": "^4.7.0",
     "framer-motion": "^10.18.0",
     "graphql": "~15.8.0",
diff --git a/src/Project/Sugcon2024/Sugcon/src/components/Events/Agenda.tsx b/src/Project/Sugcon2024/Sugcon/src/components/Events/Agenda.tsx
index ce80803b..0e9ecd48 100644
--- a/src/Project/Sugcon2024/Sugcon/src/components/Events/Agenda.tsx
+++ b/src/Project/Sugcon2024/Sugcon/src/components/Events/Agenda.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import InnerHTML from 'dangerously-set-html-content';
 import { Field } from '@sitecore-jss/sitecore-jss-nextjs';
 import useSWR from 'swr';
 
@@ -45,7 +46,7 @@ export const Default = (props: AgendaProps): JSX.Element => {
   return (
     <div className={`component agenda ${props.params.styles}`} id={id ? id : undefined}>
       <div className="component-content">
-        <div dangerouslySetInnerHTML={{ __html: data as string }} />
+        <InnerHTML html={data} />
       </div>
     </div>
   );