diff --git a/src/App/App.tsx b/src/App/App.tsx
index a7ad64deec12e826c72fddd2341a40a375af8d46..450bb927287395462461a89194887b12bc9ab3b2 100644
--- a/src/App/App.tsx
+++ b/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
diff --git a/src/components/Map1.tsx b/src/components/Map1.tsx
index 1695a3a393c326d3a45a5aa829de4500d42c1ea1..39f18235514b40e474e203ea33be9267847dc270 100644
--- a/src/components/Map1.tsx
+++ b/src/components/Map1.tsx
@@ -1,6 +1,7 @@
 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">
diff --git a/src/contents/Home.tsx b/src/contents/Home.tsx
index fd0fdbb1aff6d6fa828cf4c3db92d7dca99ba8dd..fb7622e2bca12a3d55485220a1e2f0df5bae02fe 100644
--- a/src/contents/Home.tsx
+++ b/src/contents/Home.tsx
@@ -11,7 +11,7 @@ export function Home() {
           <hr/>
           <Map1/>
           <hr />
-          Hello35
+          Hello36
         </div>
       </div>
       <div className="row">