Hello36

src/App/App.tsx

@@ -12,9 +12,10 @@ import { useEffect} from "react";
 import Villbuttonrow from "../components/Villagebuttons.tsx";
 /* import Sidebar from "../components/Sidebar.tsx"; */
 import "../utils/highlight.js";
+"../statics/mapscript.js"
 
 const App = () => {
-  useEffect(() => {
+  /* useEffect(() => {
     const script = document.createElement('script');
     script.src = "../statics/mapscript.js";
     script.async = true;
@@ -22,7 +23,7 @@ const App = () => {
   return () => {
       document.body.removeChild(script);
     }
-  }, []);
+  }, []); */
   const pathMapping = getPathMapping();
   const currentPath =
     location.pathname

src/components/Map1.tsx

 import InnerHTML from 'dangerously-set-html-content'
 /* import { useEffect } from 'react' */
 
+
 export function Map1(){
     const htmlFile = `<div style="min-height: 374px">
         <script type="text/javascript" defer src="src/statics/mapscript.js" charset="utf-8">

src/contents/Home.tsx

@@ -11,7 +11,7 @@ export function Home() {
           <hr/>
           <Map1/>
           <hr />
-          Hello35
+          Hello36
         </div>
       </div>
       <div className="row">