which html ebed works?

src/components/Map1.tsx

@@ -12,4 +12,18 @@ return(
 )   
 }
 
+
+export function Map2(){
+    const htmlFile = `<div style="min-height: 374px">
+        <script type="text/javascript" defer src="src/utils/mapscript.js" charset="utf-8">
+        </script>
+        <noscript>
+        <img src="https://static.igem.wiki/teams/5247/charts-maps/map1-full.png" alt="" />
+        </noscript>
+</div>`
+return(
+    <div dangerouslySetInnerHTML={{ __html: htmlFile }} />
+)   
+}
+
 /* min-height: "374px" */
\ No newline at end of file

src/contents/Home.tsx

 //import { Inspirations, InspirationLink } from "../components";
 /* import { Sidebar } from "react-pro-sidebar"; */
-import { Map1 } from "../components/Map1";
+import { Map1, Map2 } from "../components/Map1";
 export function Home() {
 
   return (
@@ -10,6 +10,8 @@ export function Home() {
           <h2>Wiki under construction!</h2>
           <hr />
           <Map1></Map1>
+          <hr />
+          <Map2></Map2>
         </div>
       </div>
       <div className="row">

src/contents/wiki.tsx

@@ -139,6 +139,10 @@ function Troubleshooting(){
         const openPop =  (event : React.MouseEvent<HTMLButtonElement, MouseEvent>) => {}
         </code>
         <h6>Solutions</h6>
+        <p>Change to: </p>
+        <code>
+        const openPop =  (_event : React.MouseEvent&lt;HTMLButtonElement, MouseEvent&gt;) =&gt; {}
+        </code>
       </Collapsible>
       
     </div>