append script tag to body?

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>