import { useEffect, useRef } from "react";

export default function AdComponent() {
  const banner = useRef();

  const atOptions = {
    key: "XXXXXXXXXXXXX",
    format: "iframe",
    height: 90,
    width: 728,
  };

      useEffect(() => {
        if (!banner.current.firstChild) {
          const conf = document.createElement("script");
          const script = document.createElement("script");
          script.type = "text/javascript";
          script.src = `//www.profitabledisplayformat.com/${atOptions.key}/invoke.js`;
          conf.innerHTML = `atOptions = ${JSON.stringify(atOptions)}`;

          if (banner.current) {
            banner.current.append(conf);
            banner.current.append(script);
          }
        }
      }, []);
  

  return <div ref={banner} />;
}

我使用AdsTerra来赚钱我的网站，我试图添加多个横幅广告，但如果我把这个广告组件在同一页面上两次只有一个显示我做错了什么？或者有一些其他的方式来放置它？
先谢了