lets see if it even works

src/Ideas.sx

@@ -20,4 +20,9 @@ componentDidMount() {
   render() {
     return (
       <div className="App" ref={el => (this.div = el)}>        <h1>Hello react</h1>
-        {/* Scr
\ No newline at end of file
+        {/* Scr
+
+
+
+
+<div style="min-height:374px"><script type="text/javascript" defer src="https://datawrapper.dwcdn.net/llngz/embed.js?v=1" charset="utf-8"></script><noscript><img src="https://datawrapper.dwcdn.net/llngz/full.png" alt="" /></noscript></div>
\ No newline at end of file

src/components/Map1.tsx

 import InnerHTML from 'dangerously-set-html-content'
-import { useEffect } from 'react';
 
 export function Map1(){
-    useEffect(() => {
-        const script = document.createElement('script');
-      
-        script.src = "assets/mapscript.js";
-        script.async = true;
-      
-        document.body.appendChild(script);
-      
-        return () => {
-          document.body.removeChild(script);
-        }
-      }, []);
     const htmlFile = `<div style="min-height: 374px">
-        <script type="text/javascript" defer src="assets/mapscript.js" charset="utf-8">
+        <script type="text/javascript" defer src="https://datawrapper.dwcdn.net/llngz/embed.js?v=1" charset="utf-8">
         </script>
         <noscript>
         <img src="https://static.igem.wiki/teams/5247/charts-maps/map1-full.png" alt="" />