javascript - React useEffect 追加スクリプトがトリガーされない

Question

一度トリガーされた iframe と天気ウィジェットを生成するスクリプトを読み込もうとしています。スクリプトを適切に追加できますが、呼び出されず、iframe が生成されません

スクリプトをレンダリングに直接追加しようとしましたが、iframe を簡単にロードしてから script タグに戻ります

const City = ({ content, schema }) => {
  useEffect(() => {
    let script = document.createElement("script");
    script.src =
  "https://darksky.net/widget/graph-bar/32.7174,-117.1628/us12/en.js?width=100%&height=400&title=Full Forecast&textColor=333333&bgColor=FFFFFF&transparency=false&skyColor=undefined&fontFamily=Default&customFont=&units=us&timeColor=333333&tempColor=ff8200&currentDetailsOption=true";
    script.async = true;

    document.getElementById("widget").appendChild(script);
  }, [])

  return (<div id="widget"></div>);
};

export default City;