installes dompurify types

package-lock.json

@@ -34,6 +34,7 @@
       "devDependencies": {
         "@types/aos": "^3.0.7",
         "@types/d3": "^7.4.3",
+        "@types/dompurify": "^3.0.5",
         "@types/node": "^20.12.10",
         "@types/react": "^18.2.66",
         "@types/react-dom": "^18.2.22",
@@ -1694,6 +1695,15 @@
         "@types/d3-selection": "^2"
       }
     },
+    "node_modules/@types/dompurify": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/@types/dompurify/-/dompurify-3.0.5.tgz",
+      "integrity": "sha512-1Wg0g3BtQF7sSb27fJQAKck1HECM6zV1EB66j8JH9i3LCjYabJa0FSdiSgsD5K/RbrsR0SiraKacLB+T8ZVYAg==",
+      "dev": true,
+      "dependencies": {
+        "@types/trusted-types": "*"
+      }
+    },
     "node_modules/@types/estree": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
@@ -1773,6 +1783,12 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/trusted-types": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/@types/trusted-types/-/trusted-types-2.0.7.tgz",
+      "integrity": "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw==",
+      "dev": true
+    },
     "node_modules/@types/warning": {
       "version": "3.0.3",
       "resolved": "https://registry.npmjs.org/@types/warning/-/warning-3.0.3.tgz",

package.json

@@ -36,6 +36,7 @@
   "devDependencies": {
     "@types/aos": "^3.0.7",
     "@types/d3": "^7.4.3",
+    "@types/dompurify": "^3.0.5",
     "@types/node": "^20.12.10",
     "@types/react": "^18.2.66",
     "@types/react-dom": "^18.2.22",

src/components/Map1.tsx

 import InnerHTML from 'dangerously-set-html-content'
+import DOMPurify from 'dompurify';
 export function Map1(){
     const htmlFile = `<div style="min-height: 374px">
         <script type="text/javascript" defer src="src/utils/mapscript.js" charset="utf-8">
@@ -7,6 +8,7 @@ export function Map1(){
         <img src="https://static.igem.wiki/teams/5247/charts-maps/map1-full.png" alt="" />
         </noscript>
 </div>`
+const sanitizedHTML = DOMPurify·sanitize(htmlContent);
 return(
     <InnerHTML html={htmlFile} />
 )